表单的作用:
搜集用户输入的数据 ,比如注册登陆填写相关信息,提交到服务器,提交反馈,实现用户与服务器的交互.
<from action="提交到服务器地址" method="get/post"></from>
其中action是提交表单的地址,method是提交表单使用的方法,一般有get和post两种,区别见:http://www.jianshu.com/p/445b71b26aeb
相关使用元素及示例:
text文本框:定义单行20个字符宽的文本
<input id="username" type="text" name="username" placeholder="用户名">
密码输入框:输入显示黑圆点
<input id="password" type="password" name="password" placeholder="密码">
radio:单选按钮,可提供多个选项,但只能选择其中一个
<input type="radio" name="sex" value="男">男
<input type="radio" name="sex" value="女">女
checkbox:复选框按钮,有多个选项,可选择多个值
<input type="checkbox" name="hobby" value="game">dota
<input type="checkbox" name="hobby" value="travel">旅游
<input type="checkbox" name="hobby" value="pet">宠物
submit:提交按钮
<input type="submit" value="提交">
button:如果要运行一个script一个按钮被点击时,该button输入的类型可以用来创建可与各种动作相关联的按钮.
< button >提交 < /button >
hidden:该属性类型通常与value属性同时使用,不过将暂时遮盖,用户不可直接看到或改变,以预先定义的值添加到每个表单提交
<input type="hidden" name="asda" value="asdasd">
reset:重置按钮,返回所有表单字段的默认状态
<input type="reset" value="重置">
file:允许表单用户上传和提交文件,如下代码表示用户只可提交或上传mp3文件
<input type="file" name="file" accept="music/mp3">
label标签:
在文本框中可以使用户在点中文本框 前的名字时让浏览器的目标为该文本框,即选择文本框,如下代码:
<label for="username">姓名:</label>
<input id="username" type="text" name="username" placeholder="用户名">