html学习6

最新推荐文章于 2024-10-08 17:57:19 发布

你若信

最新推荐文章于 2024-10-08 17:57:19 发布

阅读量64

点赞数

分类专栏： html 文章标签： html 前端

本文链接：https://blog.csdn.net/qq_44152890/article/details/121052691

版权

html 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

本文详细介绍了HTML用户注册表单的创建，包括输入字段如用户名、密码，性别选择，兴趣爱好多选，学历选择以及简介文本域。讨论了表单提交方式（GET与POST）的安全性，并给出了实例代码，重点解析了各种表单元素的用法和属性设置。

摘要由CSDN通过智能技术生成

用户注册表：
用户名
密码
确认密码
性别
兴趣爱好
学历
简介

<!doctype html>
<html>
	<head>
		<title>用户注册表</title>
	</head>
	<body>
	<!--
	form表单method属性：
				get:采用get方式提交的时候，用户提交的信息会显示在浏览器的地址栏上。
				post：采用post方式提交的时候，用户提交的信息不会显示在浏览器地址栏上。
				当用户提交的信息中含有敏感信息，例如：密码，建议采用post方式提交。
				不写method属性时，默认以get的方式显示
	-->
		<form action="http://192.168.111.3:8080/oa/save" method="post">
		<!--
		一般用户输入的，不需要写value属性
		-->
			用户<input type="text" name="user"/>
			<br>
			密码<input type="password" name="password"/>
			<br>
		<!--
		像确认密码这类不需要提交的，不屑name和value属性
		-->
			确认密码<input type="pass">
			<br>
		<!--
		当写多个单选按钮时，name值一样，则只能选一个；name值不一样时，能选多个。
		checked属性为默认选中
		-->
			性别
			<input type="radio" name="n" value="1" checked/>男
			<input type="radio" name="n" value="0"/>女
			<br>
		<!--
		checked属性为默认选中。
		复选框要求name值一样，value值不一样
		-->
			兴趣爱好
			<input type="checkbox" name="qiu" value="a" checked/>篮球
			<input type="checkbox" name="qiu" value="b"/>看书
			<input type="checkbox" name="qiu" value="c"/>画画
			<br>
			学历
		<!--
		select为下拉列表，需要提交时写name属性，否则不写。
		option为下拉项，selected属性为默认选中。
		-->
			<select name="xue">
				<option value="dz">大专</option>
				<option value="bk" selected>本科</option>
				<option value="bs">博士</option>
			</select>
			<br>
		<!--
		textarea为文本域，rows为行，clos为列
		-->
			简介
			<textarea rows="10" cols="60" name="introduce"></textarea>
			<br>
			<input type="submit" value="注册"/>
		<!--
		reset属性为清空
		-->
			<input type="reset" value="清空" />
		</form>
	</body>
</html>