html表单中textarea属性怎么固定大小?textarea属性实例介绍


本文摘自PHP中文网,作者寻∝梦,侵删。

本篇文章主要的介绍了关于HTML表单中的textarea属性的固定的大小使用的文本域,可以用作网页的留言框,下方还有具体的表单页面详解,接下来就让我们一起看这篇关于HTML表单中的textarea属性的文章。

首先我们先看看HTML表单中的textarea属性固定大小的使用:

HTML标签textarea在大部分浏览器中只要指定行(rows)和列(cols)属性,就可以规定textarea的尺寸,但大小在浏览器中(firefox、chrome)还是可以调节的,使用CSS的height和width属性效果和rows cols定义的效果相同,可以拖动右下角图标改变大小。但是过分拖动大小会影响页面布局,使页面变得不美观。可以通过添加如下样式禁用拖动,固定大小:

1

2

3

4

5

6

7

8

<html>

<head>

</head>

<form>

 <textarea id='memo'style="min-height:50px;min-width:70px;max-height:50px;max-width:70px;">这是PHP中文网的留言框

 </textarea>

</form>

</html>

这个代码的在浏览器中显示如下:

tuyi.png

如图所示,这就是留言框的固定大小的做法,还保留着右下角的拖动图标,但是没用,根本拖不动,这就固定住了。

阅读剩余部分

相关阅读 >>

html文件怎么弄注释

html页面如何显示上标和下标

向html中插入视频并兼容所有浏览器的方法

html整体页面边距怎么设置

详解html实现在线预览word、excel、pdf等文件的功能(附代码)

html怎么注释?

html如何实现audio停止

html隐藏控件方法

html button标签是否有超链接?这有button标签设置超链接的实例

html实现网页动态时钟

更多相关阅读请进入《textarea》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...