7.2.1输入标签的简单运用_7.2 获取复选框的值1、一个文本输入框,用于输入自己的名字;2、一个复选框,输入自己喜欢的课程.请-优快云博客

本文链接：https://blog.youkuaiyun.com/P_ning/article/details/90242534

本文详细解析了HTML表单中的各种输入元素，包括文本域、密码域、单选按钮、复选框、按钮、提交按钮、重置按钮、图像按钮、隐藏域、文件域等，阐述了它们的基本用法及属性。

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

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>

<body>
<form>
	<input type="text" name="文本域控件名称" size="20" maxlength="15" value="文字域默认取值" >

	<br>

	<input type="password" name="密码域控件名称" suze="20" maxlength="15" value="密码域的默认取值" />

	<br>


	选项1
	<input type="radio" value="单选按钮的取值1" name="单选按钮的名称" checked="checked" />
	<br>
	选项2
	<input type="radio" value="单选按钮的取值2" name="单选按钮的名称" checked="checked" />


	<br><br>


	选项1
	<input type="checkbox" value="复选框的值1" name="名称1" checked="checked" /><br>
	选项2
	<input type="checkbox" value="复选框的值2" name="名称1" /><br>
	选项3
	<input type="checkbox" value="复选框的值3" name="名称1" />

	<br>

	<input type="button" value="按钮名字" name="给服务器区分按钮"/>
    
    
   <br>
   
   <input type="submit" name="给服务器区分哪个按钮的提交" value="提交按钮的名字" />
   
   <br>
   
   <input type="reset" name="给服务器区分哪个按钮的重置" value="重置按钮的名字" />
   
   <br>
   
   <input type="image" src="../图片/捕获.PNG" name="给服务器区分哪个图像按钮"  width="51" height="70"/>
   
   <br>
   
   <input type="hidden" name="隐藏域名称" value="提交的值" />
   <!--
   此标签主要用来传递一些参数,这些参数不需要在页面显示,例如隐藏用户的id值等等<input type="hidden" name="user id" value="1000" />
   -->
   
  <br>
  
  <input type="file" name="给服务器区分哪个文件域上交的文件" />
  

</form>
</body>
</html>

在这里插入图片描述