HTML标签之表单标签

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

猜你喜欢

转载自blog.csdn.net/QIANDXX/article/details/110681017
今日推荐