表单下拉列表多行文本隐藏域

Posted 2020-08-22 独孤晓宇

<select>下拉框

　　用于定义一个下拉列表，select元素中的option标签用于定义列表在的可选项。

　　属性：

disabled=“disabled”规定禁用该下拉列表（也可以在其他地方使用，该内容就会被禁用）

name  规定下拉列表的名称（一般后台人员会给你）

size 规定下拉列表中可选项的数目（显示几行，一般只显示一行）

selected  默认选中该项

例子：

<select name="area" disabled="diseabled" size="2">

　　<option value="1" selected>北京</option>      （value是提交给后台服务器的，提交的是一个值，后台人员会给你，一般写英文或者数字，很少写汉字会乱码）

　　<option value="2">上海</option>

</select>

 

<option>下拉框列表项

　　浏览器将<option>标签中的内容作为<select>标签的菜单或是滚动列表中的一个元素显示。option元素位于select元素内部。

属性：

disabled=“disabled” 规定某一个列表不能选择

selected=“selected”   规定选项（在首次显示在列表中时）默认为选中状态

value   定义送往服务器的选择项

　　

　　使用optgroup为option分组，通过label指定分组的名称，optgroup里的名称为不可选择状态。

 

 <textarea>多行文本（多行文本域）

　　标签定义多行的文本输入，文本去区中可容纳无限数量的文本，可以通过cols和rows属性来规定尺寸，不过更好的办法是用 CSS 的 height 和 width 属性，textarea中间有空格即为有内容，就会required属性不生效。

 属性

　　cols=“30”  宽度

　　rows=“10”  高度

　　placeholder 规定描述文本区域预期值的简短提示（就是提示你写什么信息）

　　readonly  规定文本区为只读（不可选中，不可填写）

　　required  规定文本区域必填，不能和readonly一起用

 多行文本是可以拖动改变大小的，如果你不希望你的布局被改变，可以使用css来控制：style"resize:none;"

示例：

<textarea placeholder="请填写你的信息" required></textarea>   （中间不能有空格和换行）

 <input type="submit" />

内容必填，因为有required如果不填的话：会有提示。

 

 

隐藏域<input type="hidden">

 定义隐藏的输入字段，隐藏域在页面中对于用户是不可见的。在表单中插入隐藏域的目的是在于手机或发送信息，以便于被处理表单的程序员所使用。

　　有些时候我们要给用户一信息，让他们在提交表单时提交上来以确定用户身份。这个时候使用隐藏域再合适不过。

　　隐藏域使用name和value属性来规定参数名和参数值

<foem action="">

　　<input type="hidden" name="隐藏域的命" value="隐藏域的值"/>

　　<input type="submit"/>

</form>

 

表单标签总结

1 表单域需要加name属性才可以把数据提交到服务器，只有不想提交的才不写name，如button。

2 单选按钮和复选按钮

　　name相同即为一组

　　一组单选按钮只能选中一个按钮

3 post和get方式的区别~