HTML-表单，下拉菜单,文本域

7_35Durant

已于 2024-06-13 10:04:03 修改

阅读量558

点赞数 8

分类专栏： HTML+CSS 文章标签： html 前端 javascript

于 2024-04-27 17:27:51 首次发布

本文链接：https://blog.csdn.net/Kevin7_35Durant/article/details/138249805

版权

HTML+CSS 专栏收录该内容

26 篇文章 0 订阅

订阅专栏

<input>表单标签

作用：收集用户信息，类似登陆界面，调查问卷，搜索区域

单标签：<input type=" ">

input标签-type

type属性值	说明
text	文本框
password	密码框
radio	单选框
checkbox	多选框
file	上传文件

html代码：

<html>
    <head>
        <title>网页标题</title>
    </head>
    <body>
        文本
     <input type="text"> <br>
        密码 
        <input type="password"> <br>
      单选
      <input type="radio"> <br>
      多选
      <input type="checkbox"> <br>
      文件
      <input type="file">  <br>

     </body>
 </html>

单选框是圆圈，多选框是方圈

type-radio 单选框

radio常见属性	说明
name	给框架命名,如果是同组的就只能选一个
checkd	默认选中

   单选
      <input type="radio" name="a"> 女 <input type="radio" name="a">男<br>

type-file 上传文件

file属性	说明
multiple	可以选中多个文件

<input type="file" multiple>  <br>

这里选中了两个文件

type-checkbox 多选框

checkbox属性	说明
checked	默认选中

      多选
      <input type="checkbox" checked>篮球  <input type="checkbox" >足球 <input type="checkbox" >羽毛球<br>

input标签-placeholder

<input type="" placeholder=" ">

占位文本-提示信息,在文本框和密码框没输入时显示

        文本
     <input type="text" placeholder="请输入你的姓名"> <br>
        密码 
        <input type="password" placeholder="请输入你的学号"> <br>

input标签-value

作用：作为输入控件的初始值

对于 "button"、"reset"、"submit" 类型 - 定义按钮上的文本
对于 "text"、"password"、"hidden" 类型 - 定义输入字段的初始值
对于 "checkbox"、"radio"、"image" 类型 - 定义与 input 元素相关的值，当提交表单时该值会发送到表单的 action URL。

</select>下拉菜单

双标签：select嵌套option,select是下拉菜单整体，option是下拉菜单的每一项

<html>
    <head>
        <title>网页标题</title>
    </head>
    <body>
        选择你认为最好玩的游戏:
      <select>  
        <option >上古卷轴5</option>
        <option>GTA5</option>
        <option>刺客信条2</option>
        <option>质量效应</option>
        <option>蝙蝠侠：阿卡姆骑士</option>
      </select>
     </body>
 </html>

</textarea>文本域</textarea>

双标签：<textarea></textarea>

文本域可以在这个文本框输入内容

<html>
    <head>
        <title>网页标题</title>
    </head>
    <body>
     
      <textarea>what can i say</textarea>
     </body>
 </html>

7_35Durant

关注

8
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
HTML-表单，下拉菜单,文本域

双标签：select嵌套option,select是下拉菜单整体，option是下拉菜单的每一项。作用：收集用户信息，类似登陆界面，调查问卷，搜索区域。占位文本-提示信息,在文本框和密码框没输入时显示。单标签：单选框是圆圈，多选框是方圈。
复制链接

扫一扫