[HTML表单]1.textarea(多行文本域)

html-css022

[HTML表单]1.textarea(多行文本域),第1张

浏览器将表单的数据打包后发送给服务器,服务器接收后转由程序处理。

<form>表单元素</form>

表单本身不可见,只是一个区域。

语法：

<input />

属性：

1)type(类型)

可选值：

text(文字域) password(密码域) file(文件域,不同浏览器显示不同) checkbox(复选域,同组name值最好一样.以便服务器区分) radio(单选域,同一组的name值要相同) button(按钮) submit(提交按钮) reset(重置按钮) hidden(隐藏域,用户看不到但可传递到服务器) image(图像域,实际是按钮的功能) checked(单选多选设置默认值)

2)name(文字域的名称)

3)maxlength(最大字符长度)

4)size(文本框的宽度,字符个数为单位,默认20)

5)value(文本框默认值,是要提交给服务器的值)

6)placeholder(提示信息)

2)<select>-菜单和列表标签 <option>-菜单和列表项目标签

优点：

节约网页空间。

语法：

<select>

<option value="">选项1</option>

</select>

select属性：

1)name(名称)

2)multiple(设置可选择多个,会从下拉菜单变为列表菜单,按住ctrl可多选)

3)size(设置列表可见选项数目,会从下拉菜单变为列表菜单)

option属性：

1)selected(默认选中)

2)value(传送给服务器的值)

3)<optgroup>-菜单和列表项目分组标签

语法：

<select>

<optgroup label="组名">

<option>选项</option>

</optgroup>

</select>

4)<textarea>-文字域标签(多行)

语法：

<textarea>内容</textarea>

注意：

开始标签和结束标签之间不要有换行或者空格。

属性：

1)name(名称)

2)placeholder(提示信息)

3)rows(可见行数)

4)cols(可见宽度,只是大约数据)

多行的就不能使用Input了。需要使用textarea标签属性：

textarea代表html的单多行输入域

html多行输入框

tyle="OVERFLOW:   hidden">

style="OVERFLOW:   visible">始终不显示滚动条，文本区域的大小会根据内容的增加，自动增长，以显示全部内容

<textarea   cols="2"   rows="6"   style="OVERFLOW:   hidden"></textarea>

例子

<tr>

<td></td>

<td><textarea name="reworkmes"   cols="40"   rows="4"   style="OVERFLOW:   hidden"></textarea></td>

</tr>

扩展资料

textarea标签是成对出现的,以<textarea>开始,以</textarea>结束

专有属性.

1、common -- 公共属性

2、accesskey -- 表单的快捷键访问方式

3、cols -- 多行输入域的列数

4、disabled -- 输入域无法获得焦点、无法选择，以灰色显示，在表单中不起任何作用

5、name -- 元素名称

6、readonly -- 输入域可以选择，但是无法修改

7、rows -- 多行输入域的行数

8、tabindex -- 输入域的"tab"键遍历顺序

参考资料

百度百科-HTML