textarea标签
作用:定义多行输入字段(文本域)
语法:
<textarea>初始值</texarea>
注意:不能够使用value属性规定它的初始值,初始值在开始和结束标签之间设置
<textarea name="" id="" cols="30" rows="10">我是一个文本框</textarea>
select标签
概述: select标签用于定义下拉列表,下拉列表种通过option标签定义选项
语法:
<select name="" id="">
<option value="">北京</option>
<option value="">上海</option>
<option value="">天津</option>
</select>
表单元素属性
name属性
作用:定义表单元素的名称,用于在 JavaScript 中引用元素,或者在表单提交后引用表单数据
注意:name属性是必须的,只有设置了 name 属性的表单元素才能在提交表单时传递它们的值
<input type="text" name="username">
value属性
作用:规定输入字段的初始值和修改按钮上的文字内容
<input type="text" value="用户名">
readonly属性
作用:规定输入字段为只读(不能修改)
<input type="text" name="username" value="请输入用户名" readonly>
disabled 属性
作用:规定输入字段是禁用的,被禁用的表单元素不能编辑也不能被提交
<input type="text" name="username2" value="请输入用户名" disabled>
maxlength属性
作用:maxlength 属性,规定输入字段允许的最大长度
<input type="text" maxlength="3">
selected 属性
作用:规定<select>的选项<option>在页面加载时预先选定该选项。
<select name="" id="">
<option value="">北京</option>
<option value="" selected>成都</option> //成都会作为默认选项显示
<option value="">上海</option>
</select>
size属性
作用:规定下拉列表中可见选项的数目
<select name="" id="" size="2">
<option value="">北京</option>
<option value="" selected>成都</option>
<option value="">上海</option>
</select>