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

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>
时间: 2024-10-02 23:26:54

html基础标签-2-textarea文本域的相关文章

textarea文本域的高度随内容的变化而变化

用css控制textarea文本域的高度随内容的变化而变化,不出现滚动条. CSS代码: 复制代码 代码如下: .t_area{ width:300px; overflow-y:visible } <textarea class="t_area"> 随便在这里输入内容,textarea的高度会随着你输入的内容而变化,不会出现滚动条,实现很简单,就是一段css:overflow-y:visible </textarea> 首先,原则上实现textarea自适应必须

textarea文本域保存的一些思考

textarea文本域保存文本到数据库的时候,数据要做一定的处理,否则数据库的内容不能正确显示在页面上.主要原因就是换行符的不一致造成的. 具体思路是:(1)页面上的内容存到数据库的时候,要把换行符转换成"<br/>": 我在action层: // 使用这句话对页面上传过来的换行符进行处理 liwei 20140724 1115 assignment_teacher_comment = assignment_teacher_comment.replaceAll("

HTML学习笔记 域元素(form表单、textarea文本域、fieldset域集合、input使用) 案例 第四节 (原创)

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>表单</title> </head> <body> <!--form表单--> <form> 用户名: <!--文本域--> <input type="text">

textarea文本域宽度和高度(width、height)自己主动适应变化处理

文章来源:http://www.cnblogs.com/jice/archive/2011/08/07/2130069.html <HTML> <HEAD> <TITLE>textarea宽度.高度自己主动适应处理方法</TITLE> <!-- 控制宽度的自己主动适应 --> <style type="text/css"> .comments { width:100%;/*自己主动适应父布局宽度*/ overflo

textarea文本域

textarea中换行问题 一旦用nl2br函数处理会多个\n导致十分难看 也无法形成文本框默认效果 前台的html如果用<br/>处理也会给后台的编辑造成困难 所以在编辑的时候这样处理 把\n字符串换成\n换行即可 编辑里的显示效果是这样的 当在前台显示的时候 就直接处理一下 显示为<br/>后即可 显示效果是这样的

css固定textarea文本域尺寸

大家都知道,textarea元素在chrome等浏览器下可以被拖拉从而改变大小,对于查看textarea里面的内容来说相当方便,但是有时候 我们为了保持网页的美观,不得不想要禁掉这个功能,禁止用户随意拉动textarea的大小,其实很简单,只需要用css加一个小小的属性,代码如下: textarea{ resize:none; }

textarea文本域字数控制---并显示已输入字数

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author" content=""> <meta name="

textarea文本域值中含有大量\t\r\n问题

最近在发现了一个问题,很是头疼,textarea值中有大量的制表符,尝试了很多办法,最终找到了解决办法,希望能帮到同样有此困扰的你. <textarea> <c:out value="${desc}"/> </textarea> 这么写就会出现上述问题,其实解决办法很简单,如下 <textarea><c:out value="${desc}"/></textarea>

CSS3:固定textarea文本域宽度

textarea在一些浏览器上可以被拖拉改变大小,为了保持美观,可以通过 CSS3 resize 属性禁掉 textarea{resize:none; //不允许用户调整元素大小}

div模拟textarea文本域轻松实现高度自适应

<style> .textarea{ width:400px; min-height:20px; max-height:300px; _height:120px; margin: 0 auto; padding:3px; outline:0; border:1px solid #a0b3d6; font-size:12px; line-height:24px; word-wrap:break-word; overflow-x:hidden; overflow-y:auto; } </st