文本框的一些样式设置

1.overflow内容溢出时的设置(设定被设定对象是否显示滚动条)

overflow-x水平方向内容溢出时的设置

overflow-y垂直方向内容溢出时的设置

以上三个属性设置的值为visible(默认值)、scroll、hidden、auto。

例如:

让浏览器窗口永远都不出现滚动条

没有水平滚动条

body style="overflow-x:hidden"

没有垂直滚动条

body style="overflow-y:hidden"

没有滚动条

body style="overflow-x:hidden;overflow-y:hidden">或<body

style="overflow:hidden"

2. textarea 样式的拖拽

resize:样式拖拽

取值: none: 不允许用户调整元素大小。

both: 用户可以调节元素的宽度和高度。

horizontal: 用户可以调节元素的宽度

vertical: 用户可以调节元素的高度。

3. HTML textarea 标签的 wrap 属性

以下面这个例子为例,将 60 个字符的文本输入到一个 40 个字符宽的文本区域内:

word wrapping is a feature that makes life easier for users.

如果设置为 wrap="wrap",文本区会包含一行文本,用户必须将光标移动到右边才能看到全部文本,这时将把一行文本传送给服务器。

如果设置为 wrap="virtual",文本区会包含两行文本,并在单词 "makes" 后面换行。但是只有一行文本被传送到服务器(ps:就是传到服务器的时候还是一整行,并没有像显示的那样,包含有换行字符,在服务器端不包含换行符)。

如果设置为 wrap="physical",文本区会包含两行文本,并在单词 "makes" 后面换行,这时发送给服务器两行文本,单词 "makes" 后的新行字符将分隔这两行文本。

#

日记本

如果觉得我的文章对您有用,请随意赞赏。您的支持将鼓励我继续创作!

赞赏支持
被以下专题收入,发现更多相似内容