HTML表单

HTML表单

HTML 表单用于搜集不同类型的用户输入，简而言之，就是用来搜集用户数据的。

HTML表单都是存在于<form ></form>标签里面的。

表单元素。

表单元素指的是不同类型的 input 元素、复选框、单选按钮、提交按钮等等。
这些东西都具有一个交互性的特点。

  • action ：表单的动作，数据提交到服务器的URL，如果为空，则提交到当前的首页。
  • method 提交表单方法（GET 或 POST）：
    • get ：在url中有显示，但是url的长度是有限制的，就没法上传大文件
    • post：多用于上传文件等等，在HTTP请求正文中
    • enctype 规定被提交数据的编码（默认：url-encoded）。
    • 等等

实例讲解：

<html>

<head>
	<title>表单</title>
</head>
<h1>用户注册页面</h1>
<form action="#" method="post ">
	用户名：<input name="user" type="text" />
	<!--user= xxxx-->
	</br>
	密码：<input name="passwd1" type="password" /></br>
	<!-- passwd1=......--->
	确认密码：<input name="passwd2" type="password" /></br>
	<!-- paswwd2=......-->
	性别: <input name="sex" value="1" type="radio" checked="checked">男<input name="sex" value="0" type="radio">女 </br>
	<!--sex =1 -->
	爱好：<input name="ah1" value="cf" type="checkbox">吃饭 <input name="ah2" value="sj" type="checkbox">睡觉 <input name="ah3"
		value="dyx" type="checkbox">数钞票


	</br>
	出生年月：<input type="text" name="year" size="6">年
	<select name="mon">
		<option value="0" select="seleced">选择月份</option>
		<option value="1">1月</option>
		<option value="2">2月</option>
		<option value="3">3月</option>

	</select>



	月
	<input type="text" name="day" size="2">日

	</br>

	<input type="reset">
	<input type="submit" name="submit" value="提交">



</form>

</html>

在这里插入图片描述

<input />元素

type=" " 标签属性：

  • <input type=“text”> 定义用于文本输入的单行输入字段：表单本身并不可见。还要注意文本字段的默认宽度是 20 个字符
  • <input type=“radio”> 定义单选按钮。
  • <input type=“submit”> 定义用于向表单处理程序提交表单的按钮。表单处理程序在表单的 action 属性中指定：比如<form action=“action_page.php”>
  • <input type=“checkbox”> 定义正方形复选框

其他属性

  • <input name=“admin”>如果要正确地被提交，每个输入字段必须设置一个 name 属性。
  • <input value=“1”> name会对应相对的value值
  • <input checked=“checked”> 单选框、复选框默认选中
  • <input select=“selected”> 下拉复选框默认选中
  • <input size=“12”> 选框长度。
posted @ 2021-08-09 15:41  Zeker62  阅读(85)  评论(0)  编辑  收藏  举报