HTML基础控件详解-CSDN博客

本文链接：https://blog.csdn.net/m0_68682235/article/details/123746295

本文介绍了HTML中的基本控件，包括<input>、<select>、<textarea>等行内元素，以及<label>、<ul>、<li>、<a>、<b>、<img>、<form>、<br>、<u>、<button>、<p>、<span>和<div>等。这些控件用于搜集用户信息、创建列表、设置超链接、样式增强及布局管理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1. <input>标签(行内元素)

<input> 标签用于搜集用户信息。


1.text：文本区域 readonly属性：是否只读。 
<input type="text" id="name" name="name">

2.password：密码区域，输入的文本以'*'展示
<input type="password" id="password" name="password">

3.checkbox：复选框 checked属性：是否选中；
<input type="checkbox" name="vehicle" value="Bike" /> I have a bike
<input type="checkbox" name="vehicle" value="Car" /> I have a car
　　　　
4.radio：单选框；name属性：指定多个单选框的在一个区域里进行单选操作
<input type="radio" name="sex" value="male" /> Male
<input type="radio" name="sex" value="female" /> Female
　　　　

5.reset：重置当前<form>表单里所有标签到初始化状态(如清除文本区域内容)
<input type="reset" />

6.submit：提交当前 <form>表单信息到指定页面

7.button：普通按钮 　value属性：button按钮显示的文本
<input type="button" id="submit" value="Click me">
　　　
8.file：文件选择标签
<input type="file" name="file" accept="image/gif"/>

9.hide：隐藏区域，可以把一些不展示给用户，而自己使用的信息存放于此
<input type="hidden" name="country" value="Norway" />

10.image：图片区域
　　　　src属性：指定图片存放的路径；
　　　　title属性：鼠标移到图上显示的文本；
　　　　alt：图片加载失败或关闭时，显示的文本；
<input type="image" src="img/timg.jpg" alt="Submit" width="120" height="120" />