注册入门案例

最新推荐文章于 2023-03-07 16:24:31 发布

云飞扬°

最新推荐文章于 2023-03-07 16:24:31 发布

阅读量230

点赞数 1

分类专栏： HTML 文章标签：注册入门案例

本文链接：https://blog.csdn.net/weixin_44706512/article/details/90081452

版权

HTML 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

注册入门案例

   表单标签
           action：指定提交的地址（要跳转的位置）
           method:
           get方式---(默认提交方式),会将参数拼接在链接后面。有大小限制，4k
           post方式--会将参数封装在请求体中。没有限制

           input：
           type:指定输入项的类型
           text:文本
           password:密码框
           radio:单选按钮
           checkbox：复选框（可以勾选的框框）
           file：上传文件
           submit：提交按钮
           button:普通按钮
           reset:重置按钮
           hidde：隐藏域

           date：日期类型
           tel:手机号
           number：只允许输入数字
           placeholder：默认的提示信息
           name:在表单提交的时候，当作参数的名称
           id:给输入项取一个名字，以便于后期找到并操作它
           <textarea>：文本域，可以输入一段文字
           cols:指定宽度
           rows:指定高度
           select：下拉列表 option:选择项

<form>：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<form action="../04-网站首页/网站首页.html">   <!--注册后将要跳转的位置-->
			<!--
				隐藏域
				主要是用来存放页面上一些ID信息
				
				-->
			<input type="hidden" value="123456789" name="uid"/>
				<!--文本输入框-->
				用户名：<input type="text" name="username" id="abcdefg" placeholder="请输入用户名"/><br />
				<!--密码框-->
				密   码：<input type="password" /><br />
				确认密码：<input type="password" /><br />
				邮箱：<input type="text" /><br />
				手机号码：<input type="tel" /><br />
				用户头像：<input type="file" /><br />
				<!--要使性别有单选效果 就把radio取个名字-->
				性别： <input type="radio" name="sex"/>男
				      <input type="radio" name="sex"/>女<br />
				
				爱好：<input type="checkbox" />唱歌
				     <input type="checkbox" />跳舞
				     <input type="checkbox" />打球
				     <input type="checkbox" />健身<br />
				    
				
				
				个人简介：
				<textarea cols="40" rows="4"></textarea> <br /><!--一个大的文本框-->
				
				籍贯：
				<select>
					<option>---请选择---</option>
					<option>湖北</option>
					<option>湖南</option>
					<option>上海</option>	
				</select><br />
				
				出生日期：
				<input type="date" /><br />
				
				验证码：<input type="text" /><br />
				
				<input type="submit" value="注册"/><br />
				<input type="button" value="普通按钮" />
				<input type="reset" value="重置按钮" />
				
		</form>
	</body>
</html>

云飞扬°

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
注册入门案例

注册入门案例表单标签 action：指定提交的地址（要跳转的位置） method: get方式---(默认提交方式),会将参数拼接在链接后面。有大小限制，4k post方式--会将参数封装在请求体中。没有限制 ...
复制链接

扫一扫