1.表单标记:<form>内容</form>
属性: name(表单名称) 必须写!!!
method(传送数据方式):
get--将表单的内容附加在URL地址的后面,所以限制了提交的内容的长度,不超过8192个字符,且不具备保密性
post--将表单中的数据一并包含在表单主体中,一起传送到服务器中处理,没有数据大小限制
action:表单数据的处理程序的URL地址,如果为空则使用当前文档的URL地址,
如果表单中不需要使用action属性也要指定其属性为“no”
enctype:设置表单资料的编码方式
target:和超链接类似,用来指定目标窗口
2.文本域和密码:<input>标记 单标记
属性: type:text(文本输入框)、password(密码输入域)
name:名称
value:初始化值
maxlenght:最大允许输入的字符数
3.提交、重置、普通按钮
提交 <input type="submit">
重置 <input type="reset">
普通 <input type="button">
4.单选框和复选框
单选 <input type="radio"> 实现男女性别选择:同时加上 name="sex"
复选 <input type="checkbox">
5.隐藏域
<input type="hidden">
6.多行文本域<textarea>
rows和cols属性用来指定显示的行数和列数
7.菜单下拉列表域<select>
格式:
<select> <option value ="volvo">Volvo</option> <option value ="saab">Saab</option> <option value="opel">Opel</option> <option value="audi">Audi</option> </select>
<option>标签:value(给选项赋值)
selected(默认选项)
8.其他属性
<input type="number"> 用于应该包含数字值的输入字段。您能够对数字做出限制。
<form> Quantity (between 1 and 5): <input type="number" name="quantity" min="1" max="5"> </form>
<input type="date"> 用于应该包含日期的输入字段。根据浏览器支持,日期选择器会出现输入字段中。
<input type="color"> 用于应该包含颜色的输入字段。根据浏览器支持,颜色选择器会出现输入字段中。
<input type="range"> 用于应该包含一定范围内的值的输入字段。根据浏览器支持,输入字段能够显示为滑块控件。
<input type="time"> 允许用户选择时间(无时区)。根据浏览器支持,时间选择器会出现输入字段中。
<input type="email"> 用于应该包含电子邮件地址的输入字段。根据浏览器支持,能够在被提交时自动对电子邮件地址进行验证。某些智能手机会识别 email 类型,并在键盘增加 ".com" 以匹配电子邮件输入。