一、按钮常用属性
1.html5使用<button type="...">按钮文本</button>标签代替<input>标签。
2.”type”:必须使用预定义的属性”submit”, “button”或者 “reset”。
3.“name”:按钮的唯一名称,与 ID 等效。
4.“value”:按钮文本默认值,可通过 JavaScript 修改。
5.“disabled”:禁用按钮。
6.“form”:按钮所属表单(此时按钮“type”默认类型为“submit”提交)。
7.“formaction”:设置不同按钮可将表单数据提交到不同的 URL 处理。
8.“form*”:动态设置<form>属性值,如formmethod=”post”,默认是“get”。
9.按钮代码演示:
10.按钮代码运行效果图:
二、下拉列表常用属性
1.下拉列表使用<select> + <optgroup> + <option>组合元素实现。
2.使用<optgroup> 可以实现列表内容分组。
3.“selected”属性可以预定义元素内容默认是否被选中。
4.“onchange”:当下拉列表选项值发生改变时才会触发。
5.“onclick”:只要点击就会触发(选项值可以不改变)。
6.下拉列表代码演示:
7.下拉列表代码运行效果图:
三、文本域常用属性
1.<textarea>可以创建多行文本域元素。
2.<textarea>标签的属性包含:
a.”cols”:指定文本域的宽度。
b.“rows”:指定文本域可以输入的字符行数。
c.“name”:指定文本域的名称。
d.“form”:绑定所属表单元素。
e.“minlength”:允许输入最小字符长度。
f.“maxlength”:允许输入最大字符长度。
g.“placeholder”:提示信息占位符。
h.“disabled”:禁用(布尔属性)。
i.“autofocus”: 自动获取焦点(布尔属性)。
j.“autocomplete”:自动完成(布尔属性)。
3.文本域的事件属性:
a.”onclick”:点击时触发。
b.”onchange”:文本被修改时触发。
c.”onselect”:文本被选中时触发。