html多行文本框标签(html中的多个文本框怎么对齐)
在html中用什么标记可以定义高度超过一行的多行文本输入框
可以使用cols和rows属性设置文本区域的大小。它在表单中使用，以允许用户在多行中输入文本。
这是标签的属性-属性值描述自动对焦自动对焦指定在页面加载时文本区域应自动获得焦点。
html 中textarea完整用法
HTML中的标签textarea的属性及用法：
1、cols，垂直列。在没有做样式表设置的情况下，它表示一行中可容纳下的字节数。例如cols=60，表示一行中最多可容纳60个字节，也就是30个汉字。另外要注意的是，文本框的宽度就是通过这个来调整，输入好cols的数值，然后再定义输入文字字体的大小（不定义的话，会采用默认值），那么文本框的宽度就确定了。
2、rows，水平列。表示可显示的行数，例如rows=10，表示可显示10行。超过10行，则需要拖动滚动条来浏览了。
3、name，文本框的名称，这项必不可省，因为存储文本的时候必须用到。
4、warp，当warp="off"表示该文本区域中不自动换行，当然不写默认是自动换行的。这个参数一般用得比较少。
5、style，这是个非常实用的参数，可以用来设置文本框的背景色，滚动条颜色及形式，边框色，输入字体的大小颜色等等。
6、class,一般用来调用外部css里边的设置。?
HTML常用标签和属性
en英文
zh-CN中文
ja-jp日文
！-- -- 注释
p/p分段
br强制换行
ins/ins下划线
hr/水平线
strong/strong强调突出内容
em/em强调倾斜内容
del/del删除线
sub/sub下际
sup/sup上际
lt；大于号
gt；小于号
emsp；空格
trade；TM
reg；?
copy；?
amp；
yen；￥
deg；摄氏度
color=""水平线颜色
width=""水平线宽度
align=""水平线方向，left左，right右
noshade="noshade"水平线默认阴影消除
img? src＝" " alt＝" "
相对路径? ./ ../
绝对路径? 去网络里找图片链接
./是找同级或下级图片
../是找上级图片
src＝""引入图片链接
alt＝""当图片出现问题，可以提示一段文字
title＝""鼠标悬停信息
width＝"? px"设定图片宽度
height＝"? px"设定图片高度
a href=""/a
href=""链接的地址
tltle=""悬停提示信息
target=""填入网址
target=""里包含_blank和_self
_blank在浏览器新窗口打开页面
_self在浏览器原窗口打开页面
img src=" alt"可以在图片里加链接
1.#号和id属性
在要跳转的文本位置前填上块元素，给块元素命名
div id＝""/div
a href="#? ? "/a
2.#号和name属性
在要跳转的文本位置前在写一个
a name="? "/a
a herf="#? "/a
ul和li必须是组合出现的，他们之间是不能有其他标签的
ul
? li/li
/ul
ul/ul列表最外层容器
li/li列表项
type=""是改变前面标记样式（一般都是用css去控制 ）
ul type=""li /li /ul
disc是实心圆? ? ? ? circle是空心圆
square是实心方块? ? none是空白可以随意发挥
ol和li必须是组合出现的，他们之间是不能有其他标签的
ol
li/li
/ol
ol/ol列表最外层容器
li/li列表项
type=""是改变前面标记样式（一般都是用css去控制
ol type="" start="" li /li /ol
1是数字? ? ? ? ? a是小写字母? ? ? ? A大写字母? ? i罗马数字小写? I罗马数字大写
start=""从哪个数字开始（取值只能是数字）
dl?
dt/dt?
dd/dd?
/dl
dl/dl列表最外层容器
dt/dt定义专业术语或名词
dd/dd对名词进行解释和描述
table/table表格最外层容器
tr/tr定义表格行
th/th定义表头
td/td定义表格单元
caption/caption定义表格标题
border=""表格边框
cellpadding=""单元格内的空间
cellspacing=""单元格之间的空间
rowspan=""合并行
colspan=""合并列
align=""单元格文字左右对齐方式
align：left、center、right
valign=""单元格文字上下对齐方式
valign：top、middle、bottom
form action=""
? ? input type＝"text"
/form
form/form表单最外层容器
action＝""提交到一个地址
input标签用于搜集用户信息，根据不同的type属性值，展示不同的控件
? input type=""
? text普通文本密码框
? password密码输入框
? placeholdr提示文本
? button自定义按钮
? disabled禁用
? readonly只读
? submit提交按钮
? hidden是给后端带信息普通用户看不见 一般伴随（value）
? input type="image"src="/? ? "图片代替提交按钮
? reset重置按钮
2.checkbox复选框
? 加上checked会出现一个默认选择
? disabled禁止使用
3.radio单选框
? name="(写一个自定义的值)"通过name可以让两个或多个单选框变为一组（自定义的值要相同）
? 加上checked会出现一个默认选择
4.file上传文件
? multiple按住鼠标左键鼠标滑过可以多选
5.textarea多行文本框
? textarea? cols="30" rows="10"/textarea
? cols=""表示列
? rows=""表示行
? 可以通过调节行列改变大小
? resize重新设置大小（css）
? : vertical;垂直
? :horizontal;水平
? :both;默认
? :none;无法控制
6.? selectoption/option/select
? select下拉菜单
? size=""填入数字可以让下拉菜单显示多项
? multiple按住鼠标左键鼠标滑过可以多选
? option菜单里的选项传给后端要设置value值
? selected下拉菜单默认显示当前被选中的那一项
7. label for=""/label是一个辅助属性
? id和for要相同
? 拿3.做例子
? 正常点这个文字是选不中的
? input type="radio" name="gender"男
? input type="radio" name="gender"女
? 但是用上label后就可以了
? input type="radio" name="gender" id="man"label for="man"男/label
? input type="radio" name="gender" id="girl"label for="girl"女/label
fieldsetlegend/legend/fieldset
legend/legend缺口
1.div/div(块)用来划分区域
2.span/span（内联）对文字单独修饰
? style=""设计
? color颜色
? span style＝"color:? ? "/span
div和span都是没有任何默认样式的，需要配合css
audio src="? " /audio
controls控制栏
loop循环
autoplay自动播放
muted静音
video src="? "video
controls控制栏
loop循环
autoplay自动播放
muted静音
poster属性海报
section元素 表示页面中的一个内容区块（页面身体）
article元素 表示一块与上下文无关的独立的内容
aside元素 在article之外的，与article内容相关的辅助信息（侧边栏）
header元素 表示页面中一个内容区块或整个页面的标题（页面头部）
footer元素 表示页面中一个内容区快或整个页面的脚注（页面底部）
nav元素 表示页面中导游链接部分（页面导航栏）
figure元素 表示一段独立的流内容，使用figcaption元素为其添加标题（第一个获最后一个子元素的位置）
main元素 表示页面中的主要内容（ie不兼容）
form/form表单最外层容器
form action=""/form
action提交到一个地址
input/input标签用于搜集用户信息，根据不同的type属性值，展示不同的控件
input type=""
加上name是给后端的
type="color"生成一个颜色选择的表单
type="email"生成一个邮箱输入框
type="tel"换起拨号盘表单
type="search"产生一个搜索意义的表单
type="range"产生一个滑动条表单，支持min，max，value，step
（min最小值）
（max最大值）
（value设置默认）
（step移动数值）
type="number"产生一个数值表单，支持min，max，value，step
type="email"限制用户必须输入email类型
type="url"限制用户必须输入url类型
type="date"限制用户必须输入日期
type="month"限制用户必须输入月类型
type="week"限制用户必须输入周类型
type="time"限制用户必须输入时间类型
type="datetime-local"选取本地时间
input type="text" list="mylist"（list和id相连）
datalist id="mylist"(id自定义)
option value="手机"/option（这个是列表可以想写多少写多少）
/datalist
va lue自定义名称
autofocus自动获取焦点
required验证输入不能为空
multiple可以输入一个或多个值，每个值用逗号隔开
input type="email" multiple/还可用于file
pattern
将属性值设为某个正则表达式，在提交时会检查其内容是否合给定格式
input pattern="[0-9][A-Z][3]" title="输入内容：一个数与三个大写字母" placeholder="输入内容：一个数与三个大写字母"
[HTML表单]1.textarea(多行文本域)
浏览器将表单的数据打包后发送给服务器,服务器接收后转由程序处理。
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(可见宽度,只是大约数据)
html里的input文本框怎样单行变多行
多行的就不能使用Input了。需要使用textarea标签属性：
textarea代表html的单多行输入域
html多行输入框
tyle="OVERFLOW:?? hidden"
style="OVERFLOW:?? visible"始终不显示滚动条，文本区域的大小会根据内容的增加，自动增长，以显示全部内容
textarea?? cols="2"?? rows="6"?? style="OVERFLOW:?? hidden"/textarea
例子
tr
td/td
tdtextarea 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