css网页设计中怎样让文本框变长

 我来答
飞喵某
高粉答主

2019-07-17 · 说的都是干货,快来关注
知道答主
回答量:631
采纳率:0%
帮助的人:29.5万
展开全部

1、首先打开Hbuilder编辑器软件,新建一个html文件,html文件中写入两个textarea文本框,并且给第二个文本设置一个class属性。

2、然后先给第一个文本框添加rows和cols属性,它们分别用来控制文本框的行数和列数,设置这两个属性就能改变文本框的高和宽;同时给第二个textarea设置class属性,在上方的style标签中设置width宽度和height高度即可,这种办法可以精确到像素级,所以比较常用。

3、最后打开浏览器,就可以看到设置的两个不同宽度的文本框效果了。

沃迩斯忑
推荐于2018-03-13 · TA获得超过229个赞
知道小有建树答主
回答量:81
采纳率:0%
帮助的人:110万
展开全部
<input name="text" type="text" maxlength="14" style="width:200px; height:25px"/>

maxlength="14" 限制文本框输入的字数
width:200px 宽度/长度,数值越大就越长越宽
height:25px 高度,数值越大越高
本回答被提问者和网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
samyak11
2012-06-21
知道答主
回答量:7
采纳率:0%
帮助的人:3万
展开全部
给input加一个class或者id,然后在css里给这个clss一个宽度就可以了,想多长自己写
例:
css:
.calssname{width:180px;}

html:
<input tyep="text" class="classname" />
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(1)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式