表单页面(代码)

最新推荐文章于 2024-04-24 14:37:39 发布

Joven郝

最新推荐文章于 2024-04-24 14:37:39 发布

阅读量1.3k

点赞数 1

文章标签： elementui vue.js javascript

本文链接：https://blog.csdn.net/Ghost2021c/article/details/122328833

版权

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>常用标签-->表单标签</title>
	</head>
	<body>
	
		<!-- 1.表单标签:比表格多了数据提交的功能 
		1.1要求:必须使用form标签 + 必须有提交按钮 + 必须配置name属性
		1.2效果:实现了数据提交,数据都在地址栏进行了拼接
		http://127.0.0.1:8848/cgb2111/day01/Test8.html?user=Jack&password=123&password=&name=&city=%E5%B9%BF%E5%B7%9E&pas=
		1.3数据提交的格式 :属性名=属性值是
		   其中,属性名是 网页上name属性的值,属性值 是用户在游览器中输入的数据
		 --> 
		
		<form>
			
			<table bgcolor="aliceblue" border="1" >
				<th colspan="2">注册表单</th>
				<tr>
					<td>用户名:</td>
					<td ><input type="text" name="user"></td>
				</tr>
				<tr>
					<td>密码:</td>
					<td><input type="password" name="password"></td>
				</tr>
				<tr>
					<td>确认密码:</td>
					<td><input type="password"name="password"></td>
				</tr>
				<tr>
					<td>昵称:</td>
					<td><input type="text" name="name"></td>
				</tr>
				<tr>
					<td>邮箱</td>
					<td><input type="email"></td>
				</tr>
				<tr>
					<td>性别:</td>
					<td><input type="radio"name="sex" value="1">男
					<input type="radio" name="sex" value="2">女
					</td>
				</tr>
				<tr>
					<td>爱好:</td>
					<td>
					<input type="checkbox" name="like" value="1">篮球
					<input type="checkbox" name="like" value="2">足球
					<input type="checkbox" name="like" value="3">乒乓球</td>
				</tr>
				<tr>
					<td>城市:</td>
					<td>
					<select name="city">
						<option>广州</option>
						<option>南京</option>
					</select></td>
					
				</tr>
				<tr>
					<td>头像:</td>
					<td><input type="file" name="pas"></td>
				</tr>
				<tr>
					<td >验证码:</td>
					<td>
						<input type="text" />
						<img src="a.png" />
						<button type="reset">点我换一张</button>
					</td>
				</tr>
				<tr>
					<td>自我描述:</td>
					<td>
						<textarea>请在这里写...</textarea>
					</td>
				</tr>
				<tr>
					<th colspan="2">
						<button type="submit" value="提交数据">提交</button>
						<button type="reset">重置</button>
						</th>
					
				</tr>
			</table>
		</form>
	</body>
</html>

Joven郝

关注

1
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
表单页面(代码)

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>常用标签-->表单标签</title> </head> <body> <!-- 1.表单标签:比表格多了数据提交的功能 1.1要求:必须使用form标签 + 必须有提交按钮 + 必须配置name属性 1.2效果:实现了数据提交,数据都在地址栏进行了拼.
复制链接

扫一扫