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">