HTML required属性实例讲解
时间:2022-04-07
本文章向大家介绍HTML required属性实例讲解,主要分析其语法、参数、返回值和注意事项,并结合实例形式分析了其使用技巧,希望通过本文能帮助到大家理解应用这部分内容。
它是一个布尔属性,用于指定在提交表单之前必须填写输入元素。
元素:此属性可以与以下列出的三个元素相关联:
- <输入>
- <选择>
- <textarea>
-
<输入>:必需的属性可以在<input>元素中使用。
- 用法:
<input required>
- 示例1:
<!DOCTYPE html> <html> <head> <title>required Attribute</title> <style> h1, h2 { color:green; font-style:italic; } body { text-align:center; } </style> </head> <body> <h1>GeeksForGeeks</h1> <h2>required attribute in input Field</h2> <form action=""> Username: <input type="text" name="usrname" required> <br> Password: <input type="password"name="password"> <br> <input type="submit"> </form> </body> </html>
- Output:
- 用法:
<select required>
- 示例-2:
<!DOCTYPE html> <html> <head> <title>required Attribute</title> <style> h1, h2 { color:green; font-style:italic; } body { text-align:center; } </style> </head> <body> <h1>GeeksForGeeks</h1> <h2>required attribute in select Field</h2> <form action=""> <select required> <option value="">None</option> <option value="ds">Data Structure</option> <option value="algo">Algorithm</option> <option value="os">Operating System</option> <option value="cn">Computer Network</option> </select> <input type="submit"> </form> </body> </html>
-
Output:
- 用法:
<textarea required>
- 示例3:
<!DOCTYPE html> <html> <head> <title>required Attribute</title> <style> h1, h2 { color:green; font-style:italic; } body { text-align:center; } </style> </head> <body> <h1>GeeksForGeeks</h1> <h2>required attribute in Textarea Field</h2> <form action=""> <textarea rows="7" cols="50" name="comment" required> </textarea> <input type="submit"> </form> </body> </html>
- Output:
<select>:此元素还可以使用必需的属性。
<textarea>:此元素也可以使用必需的属性。
支持的浏览器:必需属性支持的浏览器如下:
- 谷歌浏览器5.0+
- Internet Explorer 11.0以上
- Firefox 4+
- Opera 9.7+
- 【 关关的刷题日记53】 Leetcode 100. Same Tree
- Day1下午解题报告
- 【关关的刷题日记54】Leetcode 226. Invert Binary Tree
- Day2上午解题报告
- 【关关的刷题日记55】Leetcode 404. Sum of Left Leaves
- CSS选择器详解
- 前端开发必备之Emmet
- virtualenvwrapper + pyenv 打造多版本 Python 环境
- 【关关的刷题日记56】Leetcode 107 Binary Tree Level Order Traversal II
- 新手Python渗透工具入门
- ReentrantLock 与 AQS 源码分析
- python识别验证码遇到问题解决方法
- Angular开发实践(七): 跨平台操作DOM及渲染器Renderer2
- Leetcode-Easy 121. Best Time to Buy and Sell Stock
- HTML 教程
- HTML 简介
- html div 标签介绍
- html span 标签介绍
- html a 超链接标签
- HTML Br换行标签介绍
- HTML P段落标签介绍
- HTML br与p标签区别
- Html H 标题标签
- html px em pt长度单位
- HTML form 标签
- HTML radio 单选框
- HTML B 加粗标签
- HTML strong加粗粗体标签
- HTML em 强调标签
- HTML i 斜体标签
- HTML u下划线标签
- HTML s 删除线标签
- Html img 图片标签
- Html上标注sup与下标注sub标签
- HTML nobr 禁止换行标签
- HTML hr 水平线标签
- HTML label 标签
- HTML input 标签
- HTML textarea 标签
- HTML select下拉列表标签
- HTML checkbox 多选框
- HTML font color 标签
- HTML iframe 框架标签
- HTML Table 表格
- HTML dl dt dd 标签
- HTML ol li有序列表标签
- HTML ul li 无序列表标签
- HTML 注释
- CSS 教程
- CSS 简介
- CSS 语法
- CSS Id 和 Class选择器
- CSS 样式的创建
- CSS background 背景介绍
- CSS 文本样式
- CSS font 字体
- CSS A 链接
- CSS ul ol列表样式
- CSS TABLE 样式
- CSS 框模型
- CSS border 边框
- CSS Outlines 轮廓
- CSS 外边距 Margin
- CSS Padding 内边距
- CSS 分组和嵌套选择器
- CSS 尺寸 (Dimension)
- CSS Display 属性
- CSS Position 定位
- CSS Float 浮动
- CSS 水平对齐(Horizontal Align)
- CSS 组合选择符
- CSS 伪类
- CSS 伪元素
- CSS 导航栏
- CSS 下拉菜单
- CSS 图片廊
- CSS 图像透明/不透明
- CSS sprite 图像拼合技术
- CSS 媒体类型
- CSS 属性选择器
- CSS 实例
- Python|Pandas的常用操作
- C++设计模式笔记(01)-设计模式的介绍
- 【DB笔试面试842】在Oracle中,如何启动Oracle数据库的监听日志?
- 【揭秘】C语言类型转换时发生了什么?
- JUC学习之8锁现象
- TensorFlow惊现大bug?网友:这是逼着我们用PyTorch啊!
- 机器学习|用Q-Learning走迷宫
- C++设计模式笔记(03-02) - Template Method_模板方法(下)
- 从零开始学习华为路由交换 | OSPF修改计时器
- 【没落的985/211】Python爬取知乎8万字回答进行高校分析
- LinkedBlockingQueue源码学习
- 三歪吐血总结了各个中间件是如何实现持久化的
- ThreadPoolExecutor源码学习
- Docker六脉神剑(四) 使用Docker-Compose进行服务编排搭建lnmp环境
- 干的想喝水,一篇文章带你读懂硬盘工作原理!