码迷,mamicode.com
首页 > Web开发 > 详细

html基础标签-2-textarea文本域

时间:2016-04-21 13:26:16      阅读:182      评论:0      收藏:0      [点我收藏+]

标签:

textarea文本域

 1 <!doctype html>
 2 <html lang=‘zh-cn‘>
 3 <head>
 4     <meta charset=‘utf-8‘>
 5     <meta name=‘author‘ content=‘宋英杰‘>
 6     <meta name=‘keywords‘ content=‘‘>
 7     <meta name=‘description‘ content=‘‘>
 8     <title>textarea</title>
 9     <style type=‘text/css‘>
10     *eee{margin:0;padding:0;}
11     html{font-size:100px;}
12     body{font:0.14rem/1.5 Microsoft Yahei,Arial,‘宋体‘,‘黑体‘;background:#FFF;}
13     </style>
14 </head>
15 <body>
16     <textarea readonly name="txtarea1" style="width:800px;height:400px;">
17 注释:在文本输入区内的文本行间,用 "%OD%OA" (回车/换行)进行分隔。
18 <html>
19     <head>
20     </head>
21     <body>
22     效果测试专用;
23     不要用tab,集成上文的效果,神烦;
24     属性:
25     disabled:不能操作此文本域;
26     readonly:字面;
27     autofocus:自动获取文本域为焦点
28     wrap:换行方式
29       soft显示效果自动换行;提交数据不自动换行;(默认)
30       hard全自动换行
31       off:
32       physical=hard
33       virtual=soft
34     form:指定想关联的form元素的id
35     placeholder:占位符,无内容时显示
36     required;表示此项目为必须输入项目(必填内容)。
37     样式:固定高宽:1,resize:none;2,max-width:apx;,max-height:apx;;resize级别高于max
38     </body>
39 </html>
40     </textarea>
41     <form>
42         <textarea autofocus required name="txtarea2" placeholder="请输入账号" style="width:300px;height:200px;resize:none;max-width:300px;max-height:200px;"></textarea>
43     </form>
44 </body>
45 </html>

 

html基础标签-2-textarea文本域

标签:

原文地址:http://www.cnblogs.com/tamato-jacob-wealllostcontrol/p/5416259.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!