HTML隐藏，禁用，只读

最新推荐文章于 2024-03-28 21:46:24 发布

约瑟芬儿

最新推荐文章于 2024-03-28 21:46:24 发布

阅读量590

点赞数

分类专栏： html 文章标签： html5

本文链接：https://blog.csdn.net/qishi45/article/details/116920371

版权

本文探讨了HTML中用于控制元素状态的三个重要属性：hidden用于隐藏元素，readonly使得输入字段变为只读，而disabled则将元素设置为禁用状态。了解这些属性的应用能帮助优化用户体验。

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>隐藏，禁用，只读</title>
</head>
<body>
<form action="1.我的第一个网页.html" method="get">
  <!--   文本输入框：input type=“text”
  默认值初始值为 咕咕咕咕咕
  输入限制为8
  文本框尺寸为30
  reedonly： 只读，不可写入
  hidden：隐藏
  -->
  <p>名字：<input type="text" name="username" value="咕咕咕咕咕" maxlength="8" size="30" readonly></p>
  <!--    密码框：input type="password"   -->
  <p>密码：<input type="password" name="pwd" hidden value="123"></p> <!--  默认密码为123  -->

  <!--
  单选框标签：
  input type="radio"
  value：单选框的值
  name：表示组  如果name相同，表示同一个组，name不同，组不相同
  组不相同的话可以同时勾选
  disabled：禁用，男的选项不可选
  -->
  <p>性别：
    <</