html表单

最新推荐文章于 2022-05-25 12:39:33 发布

年华空泛

最新推荐文章于 2022-05-25 12:39:33 发布

阅读量1.1k

点赞数 8

本文链接：https://blog.csdn.net/qq_51576943/article/details/111185153

版权

表单

FORM

FORM

1、 form是一个表单的总体，是一个双标签，一个表单的所有内容都要写在这个双标签之内。
2、 action指向的地址是表单的数据发送到的服务器即是我们的后台
3、 method定义的是数据传输的方式有两种：

get：默认的提交方式，get方式提交的数据会在地址栏中显示出来，很不安全，所能提交的数据量比较小，效率高
post：效率低，安全，携带大量的数据，不会在地址栏中显示

4、name是这个表单的名称，不影响表现，只是对于后台起作用。
input是一个单标签，他可以定义type，name，value等很多属性。typr定义的是这个输入块的样式，name定义的是名称和form的name一样的作用，value是默认的值，相当于在你打开网页时，系统自动的已经输入了的值。
submit提交块，reset重置块。
详细的html标签

<html>
	<head>
		<meta charset="utf-8">
		<title>注册</title>
	</head>
	<body>
		<p>注册功能</p>
		<form action="#" method="get" name="注册" >
			用户名：<input type="text" name="username" value="请输入用户名" maxlength="8"><br>
			密码：<input type="password" name="password" ><br>
			确认密码：<input type="password" name="repsw" ><br>
			请选择性别：男<input type="radio" name="sex" value="男" checked> 女<input type="radio" name="sex" value="女"><br>
			选择你的爱好标签： 抽烟 <input type="checkbox" name="smoke" checked>喝酒 <input type="checkbox" name="drink"> 烫头 <input type="checkbox" name="hothead"><br>	
			<input type="reset" value="重置" /><input type="submit" value="提交" />
		</form>
		
	</body>
</html>

5、select
select代表下拉框，具体的内容要通过option标签来实现


  <select name="pros" id="">
    <option value="beijing">北京市</option>
    <option value="henan">河南省</option>
    <option value="zhejiang">浙江省</option>
  </select>

  <select name="citys" id="">
    <option value="nanyang">南阳市</option>
    <option value="shangqiu">商丘市</option>
    <option value="zhengzhou">郑州市</option>
  </select>