www.rtmj.net > 如何用Css设置文本框的宽和高?

如何用Css设置文本框的宽和高?

首先知道不管是给div还是其他的input啊textarea元素设定宽高都是使用width和height,那么我们就可以这么做:1、先给文本框添加个class类名【inputW】,2、引用的css文件中写入类规则width和height<input class="inputW" type="text" name="name" value="" /> css:.inputW{ width:150px;/*设定宽度*/ height:32px;/*设置高度*/ line-height:32px;} 这样就可以了

直接用height设置即可:<input type="text" style="height:100px" value="文本框内的文字"> 如果想让里面的文字垂直居中,可以这样:<input type="text" style="height:100px; line-height:100px" value="文本框内的文字">

.feedback_input{width:79px;height:18px; padding:0; border:none; background:#f36;}搞定

<input class="kuang" type="text" value="aa"/> css是:.kuang {padding:0;margin:0;width:50px;} 这样就行了

文本可以放在很多标记里面,在css属性里面的设置有:height 高度 width宽度 line-height 行高(行高一般可以使得文本垂直居中)

<td style="width:100px height:200px"</td> 用这样的形式就行啦 <tr style="height:100px"></tr> 每行这样设置一下,height高度设置成自己想要的高度就行啦

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

在html中是改变文本框宽度的方法有两种,一个是直接使用html设置文本框的宽度,一个是用css代码来设置文本框的宽度. 工具原料:编辑器、浏览器 一、html设置宽度的方法 1、通过设置input的size属性来实现输入框宽度的改变,代码如下: <input type="txt" /></br> <input type="txt" size="100" />2、运行的结果如下: 二、使用css方法 1、使用css的width直接设置输入框的宽度,代码如下: <input type="txt" /></br><input type="txt" style="width: 200px;" />2、运行的结果如下:

如果input框的type值是text,则是单行文本框,maxlength属性是设置能填多少字符,size是可以看见多少字符,要想改变input框的样式可以利用CSS实现,比如可以改变它的背景和边框当然还有宽度高度

它的高度和宽度可以去设置里面找.

网站地图

All rights reserved Powered by www.rtmj.net

copyright ©right 2010-2021。
www.rtmj.net内容来自网络,如有侵犯请联系客服。zhit325@qq.com