html表单中textarea属性怎么牢固大小？textarea属性实例介绍-百分百源码网

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

发布时间：09/01 来源：未知浏览：关键词：

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

第一我们先看看HTML表单中的textarea属性牢固大小的使用：

HTML标签textarea在大部分阅读器中只要指定行（rows）和列（cols）属性，就可以规定textarea的尺寸，但大小在阅读器中（firefox、chrome）还是可以调理的，使用CSS的height和width属性结果和rows cols定义的结果雷同，可以拖动右下角图标改动大小。但是过分拖动大小会影响页面规划，使页面变得不美妙。可以通过增加如下样式禁用拖动，牢固大小：

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

这个代码的在阅读器中显示如下：

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

HTML表单中的textarea属性原本就是用作多行文本域的属性，此刻要细心说说，当然得说，文本域的使用了。我们来看看一个页面的代码：

<form action="url地址" method=“get/post” name="表单名称">
<p>文本框</p>
会员名：<input type="text" name="username">
<p>密码框（显示为星号和小圆点）</p>
密码：<input type="password" name="password">
<p>单选框</p>
单选：<input type="radio" name="sex" value="nan">男
      <input type="radio" name="sex" value="nv">女
<p>默许选项框</p>
多选：<input type="checkbox" name="">吃饭
      <input type="checkbox" name="" checked=“checked”>睡觉
      <input type="checkbox" name="">打豆豆
      <input type="checkbox" name="">喝水
<p>留言框</p>
<textarea id='memo' style="min-height: 50px;min-width: 70px;max-height: 50px; max-width: 70px;" ></textarea>
<p>提交按钮</p>
提交：<input type="submit" name="">
<p>重置按钮</p>
重置：<input type="reset" name="">
</form>

这就是表单代码的大部分内容了，最后的留言框是我们今天的文章所描写的：