html的文本框代码怎么写?

嗨,哥们儿。
你这是捣鼓啥呢?
你看这个,单行文本框 <input type="text" style="height:2 0px;width:1 00px;" /> 啊,我当年做活动报名页面的时候,用这个让用户填手机号,width:1 00px 刚好够,手机号也就那几个数字。
那时候调试半天,发现浏览器缩放一搞,字就挤一起了,得不停改宽度。

然后这个多行文本框 <textarea style="width:3 00px;height:1 00px;"></textarea>,我之前搞用户意见反馈,用户写建议,有时候写长点,这个1 00px高度就不够用,得用户拼命刷滚动条。
后来改成1 5 0px,稍微好点。
不过有回有个用户写了得有五页的吐槽,直接崩溃了,后台都看不全。
那回我就琢磨着,加个最大字数限制算了,省得服务器扛不住。

你要是搞表单,多试试,看看用啥尺寸合适。
我这都是十年前踩的坑,现在可能技术变了,不敢乱讲。

HTML文本域标签用法_HTML textarea多行文本输入框创建

哎呦,说起这个HTML的<textarea>标签,我还真是有点经验。
这玩意儿啊,就是创建一个多行的文本输入框,就像咱们平时写日记或者留言板那样用的。
来,咱们一一点开看看:
1 . 基础用法嘛,就像这样子:<textarea name="message" rows="5 " cols="3 0">请输入您的意见...</textarea>。
这个标签里头有几个关键的东西,一个是name,就像给这个输入框起个名字,方便提交数据的时候识别它;然后是rows和cols,这俩就是控制文本框的大小,rows是行数,cols是列数,就像你设置一个表格一样;最后,标签中间写的内容就是默认显示的提示信息。

2 . 要是想要限制一下用户输入,或者优化用户体验,那可以加一些属性,比如maxlength,这个就是限制用户最多能输入多少个字符;再比如placeholder,这玩意儿就像是个灰色的提示,用户输入的时候它会自动消失。

3 . 关于尺寸调整和样式控制,浏览器默认是允许用户拖动右下角来调整大小的。
但如果你不想让用户调整,可以用CSS的resize属性来锁定它。
你还可以直接设置width和height来定义大小。
至于样式,那就更自由了,可以调整边框、背景色、字体等等。

4 . 比如说,咱们想做一个留言板,就可以这样写:<textarea id="feedback" name="feedback" rows="6 " cols="4 0" maxlength="3 00" placeholder="请详细描述您的体验..." style="resize:none;width:1 00%;max-width:6 00px;padding:1 2 px;border-radius:4 px;"></textarea>。
这样设置之后,文本框就有了一定的样式和功能。

5 . 最后还得注意几点,比如说,前端限制是可以被绕过的,所以后台还得重新验证数据;还有,响应式设计得跟上,得在不同设备上都能正常显示;无障碍性也得考虑,得让屏幕阅读器能识别。

总之,这个<textarea>标签啊,功能挺多,用得好能提升用户体验,但是细节得注意。
我当时也没想明白,后来慢慢摸索,现在算是有点门道了。

HTML多行文本框怎么设置宽度?

HBuilder里建HTML,加textarea和class,调整尺寸用rows cols和style标签。

我也还在验证,但这样设置普遍有效。

你自己掂量。