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

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

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

这是PHP中文网的留言框

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

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

HTML表单中的textarea属性本来就是用作多行文本域的属性,现在要仔细说说,当然得说,文本域的使用了。我们来看看一个页面的代码:

文本框

用户名:

密码框(显示为星号和小圆点)

密码:

单选框

单选:男

默认选项框

多选:吃饭

睡觉

打豆豆

喝水

留言框

提交按钮

提交:

重置按钮

重置:

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

如上就是关于文本域textarea属性的用法了,更多的可以大家去发现,发现了记得来这下方留言哦

想学更多就上PHP中文网,一个满足你所有想学编程的网站。

【小编推荐】

php textarea 属性,html表单中textarea属性怎么固定大小?textarea属性实例介绍相关推荐

  1. html5密码确认属性,HTML5表单及其验证【html自带属性验证】

    HTML表单一直都是Web的核心技术之一,有了它我们才能在Web上进行各种各样的应用.HTML5 Forms新增了许多新控件及其API,方便我们做更复杂的应用,而不用借助其它Javascript框架, ...

  2. 【转载】表单中 Readonly 和 Disabled 的区别

    今天写代码,遇到表单提交的问题,某个字段在不同的情况下,要传递不同的值进行赋值,试过一些方法都有些问题,后来请教前端同学,使用 disabled 这个属性终于搞定了问题,查到一篇讲解 readonly ...

  3. 表单中Readonly和Disabled的区别

    Readonly和Disabled是用在表单中的两个属性,它们都能够做到使用户不能够更改表单域中的内容.但是它们之间有着微小的差别,总结如下: Readonly只针对input(text / pass ...

  4. html表单中怎么写年份,HTML表单

    8种机械键盘轴体对比 本人程序员,要买一个写代码的键盘,请问红轴和茶轴怎么选? 这一部分说的比较乱, 我随便写写 (1) 元素 HTML 表单用于收集用户输入. 元素定义 HTML 表单 (2) 元素 ...

  5. 表单中的只读和禁用属性

    表单中的只读和禁用属性 只读:服务器方不希望用户修改数据,只是要求这些数据在表单中显示.例如注册或交易协议,商品价格等. 禁用:只有满足某个条件后,才能使用某项功能.例如,只有用户同意注册协议后才允许 ...

  6. 可编辑属性html,设置contenteditable属性可编辑HTML标签的内容(可代替textarea)

    摘要:这篇HTML栏目下的"设置contenteditable属性可编辑HTML标签的内容(可代替textarea)",介绍的技术点是"contenteditable.t ...

  7. 一个解决表单中的文字和文本区域(textarea)上对齐的方法

    一个解决表单中的文字和文本区域(textarea)上对齐的方法 参考文章: (1)一个解决表单中的文字和文本区域(textarea)上对齐的方法 (2)https://www.cnblogs.com/ ...

  8. 什么标签用于在表单中构建复选框_基础表单标签及属性

    表单标签 一.一个完整的表单包含三个基本组成部分:(表单标签.表单域.表单按钮) ​ 1.表单标签:form标签,用于设置服务器地址.请求方式等等 ​ 2.表单域:用户需要填写或选择的数据,输入框.单 ...

  9. 前端:HTML5/36/HTML5简介,文档类型定义,网页字符集,页面结构标记,文章相关的标记,其它标记,音频标记,视频标记,表单中新增的属性,表单input元素type属性的值

    HTML5简介 HTML5是新一代的HTML: HTML5目前主要应用在手机端,在PC端最新浏览器已经开始支持了,但还不全面: HTML5是由W3C和WHATWG合作的结果: W3C是万维网联盟,主要 ...

最新文章

  1. MySQL · 性能优化· InnoDB buffer pool flush策略漫谈
  2. Free Download Manager (FDM) 中文版 - 替代迅雷最佳免费开源下载工具软件
  3. 查看当前服务器中的所有的topic,创建topic,删除topic,通过shell命令发送消息,通过shell消费消息,查看topic详情,对分区数进行修改
  4. Spring的REST服务发现性,第5部分
  5. 吴恩达机器学习作业(五):支持向量机
  6. android 视频转字节,如何将视频文件(.mp4)格式转换为android中的二进制格式?...
  7. 实体链指比赛方案分享
  8. 【Python3网络爬虫开发实战】3.1-使用urllib
  9. java json html模板,基于jQuery的AJAX和JSON实现纯html数据模板(转载)
  10. Maven 依赖冲突踩坑后,将依赖调解、类加载彻底整明白了
  11. html文件用的那个版本,html – 使用Django进行静态文件版本控制
  12. 一文搞懂NLP中的对抗训练
  13. Java main方法快捷键
  14. 无法启动此程序,因为计算机中丢失MSVCR71.dll.丢失的解决方法分享
  15. 实习日记(4-28)
  16. 抖音实时弹幕和礼物信息数据接口采集,/douyin/liveroom/audience
  17. 在vs2010中运行guge.cpp(SkeletonDepth)的时候程序是网上的,可是总是提示我没有KinectUNI.lib。
  18. 解决only integer scalar arrays can be converted to a scalar index
  19. Sql server2008的使用
  20. Redhat 8 制作本地光盘镜像yum源

热门文章

  1. origin 多曲线绘制填充图,阴影图
  2. web3j对于智能合约有两种方式
  3. [CF1045C]Hyperspace Highways
  4. 企业数字化转型蓝图规划、生态体系建设、数字化管理平台建设方案
  5. 串行异步通信_串行通信中 同步通信和异步通信的区别及使用情况(转)
  6. Tensor flow计算Flops
  7. 国内开源erp的天花板是哪一款?
  8. Linux chrony方法搭建授时服务器
  9. 【动画宣传片视频制作软件】Focusky教程 | 添加*flv或*.mp4视频背景
  10. Lunix编程开发基础