html怎么输入两行文字_IT百科

新建一个html文件，命名为test.html，用于讲解html页面如何创建多行文本输入框。

在test.html文件中，使用textarea标签创建一个文本框。

在test.html文件中，使用rows属性设置文本框的行数

在test.html文件中，使用cols属性设置文本框的列数

在浏览器打开test.html文件，查看结果

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

textarea代表html的单多行输入域

html多行输入框

tyle="OVERFLOW: hidden">

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

例子

<tr>

</tr>

扩展资料

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

专有属性.

1、common -- 公共属性

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

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

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

5、name -- 元素名称

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

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

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

参考资料

百度百科-HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=UTF-8">

<title>Document</title>

</head>

<body>

<style>

.name a { display: blockwidth: 20pxheight: 210pxline-height: 16pxcursor: pointercolor: #3588c9text-align: centerfont-weight: boldwhite-space: normalword-wrap: break-wordword-break:break-all}

.name { float: leftwidth: 20pxheight: 210pxpadding: 10px 10px 0 10pxcursor: pointerbackground: #fff}

</style>

<div class="name"><a href="#" target="_blank">一图看懂怎么当联合国秘书长</a></div>

</body>

</html>

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/bake/11960044.html

html怎么输入两行文字

发表评论

评论列表（0条）