乐趣区

关于html:HTML标签之表单标签

jiezi

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">
退出移动版