textarea 边上的字如何才能与textarea的输入框对齐(转)

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 <html xmlns="http://www.w3.org/1999/xhtml">
 3     <head>
 4         <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 5         <meta name="author" content="Chomo" />
 6         <link rel="start" href="http://www.14px.com" title="Home" />
 7         <title>顶部对齐</title>
 8         <style type="text/css">
 9             /*--- 清除浮动 ---*/
10             .clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
11             .clearfix { display:inline-block;}
12             .clearfix { display:block;}
13             label { line-height:21px; float:left; margin-right:3px;}
14         </style>
15     </head>
16     <body>
17
18
19         <form method="post" action="">
20             <h5>发布信息</h5>
21             <fieldset>
22                 <p class="clearfix" style="font-size:12px">
23                     <label for="Name">标题</label>
24                     <input type="text" id="" />
25                 </p>
26                 <p class="clearfix" style="font-size:12px">
27                     <label for="content">内容</label>
28                     <textarea id="" rows="5" cols="13"></textarea>
29                 </p>
30                 <input type="submit" value="提交"/><input type="reset" value="重写"/>
31             </fieldset>
32         </form>
33
34
35     </body>
36 </html>

<form method="post" action="">
<h5>发布信息</h5>
<fieldset>
<p style="font-size:12px"><label for="Name">标题</label>
<input type="text" id="" /></p>
<p style="font-size:12px"><label for="content"  style="vertical-align:top" >内容</label>
<textarea id="" rows="5" cols="13"></textarea></p>
<input type="submit" value="提交"/><input type="reset" value="重写"/>
</fieldset>
</form>
时间: 2024-08-03 14:21:00

textarea 边上的字如何才能与textarea的输入框对齐(转)的相关文章

textarea标签输出内容时不能顶格(左对齐)输出

我用textarea输出文本内容的时候出现下面的问题:文本内容在action里测试没有问题(文本内容前面没有空格),但是在jsp页面textare标签中输出文本内容时,文本内容前面却出现一些多余的空格. 代码如下: [html] view plain copy <td> <textarea rows="8" cols="34" readonly="readonly"> <%=MyTools.toChinese(myW

textArea换行符转&lt;br/&gt; &lt;br/&gt; 转 textArea换行符

var Utils = {}: // textArea换行符转<br/> Utils.encodeTextAreaString= function(str) { var reg = new RegExp("\n", "g"); str = str.replace(reg, "<br/>"); return str; } // <br/> 转 textArea换行符 Utils.decodeTextAreaStr

textarea头部不顶行问题和textarea禁止拉伸

1.<textarea>和</textarea>写在一行就不会出现头部不顶行问题了(我是这样子弄的) 2.textarea{resize:none;}解决textarea拉伸问题 原文地址:https://www.cnblogs.com/gaoxuerong123/p/8289666.html

textarea 使用

<textarea id='appiMcAddr' minlength="5" maxlength="50" ng-minlength="5" ng-maxlength="50" onkeyup="replaceAndSetPos(this,/[.""[]''!#~<><>·?.¥[email protected]$%\^\+\*&\\\?\|:\.{}';=

textarea字数限制

1.input.textarea都有maxlength属性,但是textarea不兼容ie8/9,input兼容ie8/9. 2.同时绑定onchange.onkeydown.onkeyup,ie8/9下解决不了右键粘贴问题. 3.上代码-- <textarea rows="7" cols="12" style="resize: none;" id="message" maxlength="255"&

textarea高度自适应问题

textarea中的文字如果过多,就会产生滚动条,一本分文本被遮盖住,不能看到所有的文本. 那么,如何才能让textarea的高度随输入内容多少,可以自动的改变高度呢? 解决思想: 1 利用contenteditable属性,让div变得可以编辑. 优点:方便,简介 缺点:提交数据不方便 2 利用js,动态改变textarea的高度 优点:提交数据很方便 缺点:要写好几段代码 我不禁提出质疑:在设计textarea这个标签的时候,专家们为何不给他一个可以高度自适应的属性呢? 谁能回答我?

textarea限制字符数

html代码: 1 <div class="remark_edit J_Remark_Edit"> 2 <div class="tip-body"> 3 <h4>备注信息:</h4> 4 <textarea cols="44">请输入备注信息</textarea> 5 </div> 6 <div class="tip-ctrl">

实现textarea限制输入字数(包含中文只能输入10个,全ASCII码能够输入20个)

textarea称文本域,又称文本区,即有滚动条的多行文本输入控件,在网页的提交表单中经常用到.与单行文本框text控件不同,它不能通过maxlength属性来限制字数,为此必须寻求其他方法来加以限制以达到预设的需求. 通常的做法就是使用#脚本语言来实现对textarea文本域的字数输入限制,简单而实用.假设我们有一个id为 txta1 的textarea文本区,我们可以通过以下代码限制它的键盘输入字数为10个字(汉字或其他小角字符): <script language="#"

maxlength属性在textarea里奇怪的表现

HTML5给表单带来了很多改变,比如今天要说的maxlength,这个属性可以限制输入框输入的最大字字符数,更方便的是对于粘贴的内容也能够根据字符数自动截断. 最近就接到这要一个需求,限制用户最多输入600字(汉字和字母不区分),对于粘贴的内容也要能自动截断,输入600字后就无法输入. 第一时间想到了maxlength,基本满足需求,但还是有一些怪异的表现. 看下面的代码: <textarea name="text" id="text" maxlength=&