1 : 表单标签:
<form></form>
表单是一个蕴含表单元素的区域。表单元素是容许用户在表单中(比方:文本域、下拉列表、单选框、复选框等等)输出信息的元素。
属性 :
action = '接口地址'method = 'get / post'name = '表单名称'
2 : 表单控件:
<input>
属性:
type = '控件类型'name:属性标识表单域的名称;Value:属性定义表单域的默认值,其余属性依据type的不同而有所变动。maxlength:管制最多输出的字符数,Size:管制框的宽度(以字符为单位)
1)文本框:
<input type="text" value="默认值"/>
2)明码框:
<input type="password" />
3)提交按钮:
<input type="submit" value="按钮内容" />
4)重置按钮
<input type="reset" value="按钮内容" />
5)空按钮:
<input type="button" value="按钮内容" />
单选按钮组:
<input type=“radio” name=“ral” />男<input type=“radio” name=“ral”checked=“checked”/>(默认选中)女
复选框组:
<input type="checkbox" name="" /><input type="checkbox" name="" disabled="disabled" />* disabled="disabled" (禁用)* checked="checked" (默认选中)
下拉列表(菜单):
<select ><option>选项1</option><option>选项2</option>…………</select>
- 示意下拉列表,name属性不是必须的
- 默认选择项用selected属性;
表单域多行文本定义:
语法:
<textarea name="" cols="" rows="" ></textarea>
- 多行文本。rows属性和cols属性用来设置文本输出窗口的高度和宽度,单位是字符。
- 阻止浏览器对窗口的拖动设置:{resize:none;}(css属性)
上传文件:
语法:
<input type="file">