Chapter 6 表格&表单

表单:包含输入域的WEB页面。

<pre>
<form action="http://xxxxxxxxx/xx/xx.php" method="POST">
<p>Just type in your name(and click Submit)to enter the contest:</br>
First Name:<input type="text" name="firstname" value="">

Last Nme:<input type="text" name="lastfname" value="">

<input type="submit">
</p>
</form>
</pre>
action:给出一个服务端脚本,表单输入的内容会传输到这个地址XKLmethod="POST":选择传输方式,POST是最普通的传输方式
<input type="" name="">:
type的几个属性

  1. "text"输入字符串对话框
    "name":给输入字符串的变量名
    "value":输入会服务端的变量名
  2. "submit"提交的按钮
  3. "radio"单选按钮:(一组关联选项必须有相同的"name","value"不一样)
    <code>
    <input type="radio" name="hotornot" value="hot">
    <input type="radio" name="hotornot" value="not hot"></code>
  4. 复选框输入:
    "checkbox"
    <code>
    <input type="checkbox" name="spice" value="galic">
    <input type="checkbox" name="spice" value="sweet">
    <input type="checkbox" name="spice" value="salt"></code>

20161107_00:12
今天下午1点火车北京-朝阳镇,四海龙湾野外
上午还要整理东西,先回去休息了,剩下的50页等周三野外回来再看。
强迫症啊,留着一点不看完不舒服,效率高点就不会这样了..............


其他表单元素

  1. <textarea>:设置多行多文本输入
    <textarea name="comments" rows="10" cols="48"></textarea>
  2. <select>:
    <pre><select name="characters">
    <opiton value="1">xxxx</option>
    <opiton value="2">xxxx</option>
    <opiton value="3">xxxx</option>
    </select></pre>
  3. number
    <pre><input type="number" min="0" max="20"></pre>
  4. range
    <pre><input type="range" min="0" max="20" step="2"> </pre>
  5. color
    <pre><input type="color"></pre>
  6. date
    <pre><input type="date"></pre>、
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1. 浏览器页面有哪三层构成,分别是什么,作用是什么? 构成:结构层、表示层、行为层分别是:HTML、CSS、Ja...
    程序猿人王小贱阅读 5,869评论 1 11
  • 1.动手 form 表单table 表格 2. <form>表单元素 1) 简述: 元素是块级元素,其开始标签和结...
    _Dot912阅读 6,223评论 2 8
  • 接上 关于HTML/HTML5(一)http://www.jianshu.com/p/33fc7840c079 学...
    Amyyy_阅读 4,247评论 0 4
  • 问答题1 /72浏览器页面有哪三层构成,分别是什么,作用是什么?参考答案构成:结构层、表示层、行为层分别是:HTM...
    _Yfling阅读 4,959评论 0 23
  • <!DOCTYPE html> WangEditor .toolbar {border:1px solid...
    青木川_阅读 2,454评论 0 0