如何用html做文本框

如何用html做文本框,第1张

border-radius属性可以实现元素的圆角。如下css可以实现文本框(单行、多行)的圆角:

input[type=text],textarea{border-radius:3pxborder:1px solid #000}

border-radius用法如下:

border-radius 属性是一个简写属性,用于设置四个 border-*-radius 属性。

该属性允许为元素添加圆角边框

语法:border-radius: 1-4 length|% / 1-4 length|%

按此顺序设置每个 radius 的四个值。

如果省略 bottom-left,则与 top-right 相同。

如果省略 bottom-right,则与 top-left 相同。

如果省略 top-right,则与 top-left 相同。

单位一般用px和百分比较多,其他单位也可以。

2、HTML中如何设置文本框的大小

边框的大小,可以使用CSS样式控制,如:

<textarea id="txtCon" >content</textarea><style type="text/css">#txtCon{width:100pxheight:20px}</style>

也可以使用文本框自己的属性,定义文本框的行和列控制大小,如:

<textarea id="txtCon" rows="100" cols="100" >content</textarea>

html制作可修改的文字框如下:

1、首先在电脑桌面上,新建并打开一个记事本文件。

2、这里要用到标签,这个标签包含了表单的一些元素,这里要用到元素。

3、其中红框内type="text"意思是文本框,其中的text可以换成其他的,name="firstname"是这个文本框的名字。

4、然后点击保存,改变记事本文件后缀为html,看看网页显示效果。

5、最后保存,看看网页显示效果,就完成了。

这不是文本区吧。。这要么是个table布局,要么是个css+div布局。。

一般来说应该是要用到css的,这些线嘛,在css里设置border属性实现的吧

字体是统一的吧,就颜色区别而已,设置color属性就行了


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/zaji/7210305.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-02
下一篇2023-04-02

发表评论

登录后才能评论

评论列表(0条)

    保存