input的高级使用和高级属性

helloses

已于 2022-03-19 18:49:45 修改

阅读量789

点赞数

分类专栏：前端 html 文章标签：前端 html5 intellij-idea

于 2022-03-19 18:40:01 首次发布

本文链接：https://blog.csdn.net/lm12032015/article/details/123600016

版权

这篇博客探讨了HTML5中input元素的高级使用，包括下拉框select与option，selected属性，range滑块，内置验证功能以及自定义正则表达式。此外，还介绍了input的高级属性，如readonly、required、disabled、hidden、placeholder和pattern属性，以及如何通过label与input联动提升用户体验。

摘要由CSDN通过智能技术生成

input的高级使用

下拉框是select,列表option
selected默认选中
rang滑块
各种验证,有默认的正则表达式

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>

  <form action="">

    <!-- 下拉框是select,列表option
      selected默认选中
-->
    <select name="学校" id="">
      <option value="北京大学" selected>北京大学</option>
      <option value="清华大学">清华大学</option>
      <option value="麻省理工大学">麻省理工大学</option>
      <option value