网页表单数据制作觉见的代码常用的type介绍

最新推荐文章于 2024-01-01 08:00:00 发布

慢跑中的蜗牛

最新推荐文章于 2024-01-01 08:00:00 发布

阅读量871

点赞数 2

分类专栏： WEB前端技术文章 DIV+CSS笔记文章标签： HTMLCSS css html Sublime Text 2

本文链接：https://blog.csdn.net/u012117917/article/details/41968941

版权

DIV+CSS笔记同时被 2 个专栏收录

5 篇文章 0 订阅

订阅专栏

WEB前端技术文章

4 篇文章 2 订阅

订阅专栏

常用的type介绍：

用户名 text
密码 password
性别：radio
爱好： checkbox
学历 select option
介绍：textarea
上传头像： file
提交 submit

<form action="" method="post"> action 网址 post 后台提交

例：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>表单</title>
</head>
<body>
	<form action="http://www.baidu.com" method="post">
		<p>用户名： <input type="text" value="legend" name="user"></p>
		<p>密码： <input type="password" name="password"></p>
		<p>性别：男： <input type="radio" name="xingbie" checked="checked" value="男">
			  女： <input type="radio" name="xingbie" value="女"></p>
		<p>爱好: 
		<input type="checkbox" name="aihao"  value="蓝球">蓝球 
		<input type="checkbox" name="aihao" checked="checked" value="足球">足球 
		<input type="checkbox" name="aihao" value="台球">台球 
		<input type="checkbox" name="aihao" value="羽毛球">羽毛球</p>
		<p>
			学历：
			<select name="xueli" >
				<option value="小学">小学</option>
				<option value="初中">初中</option>
				<option value="高中" selected="selected">高中</option>
				<option value="大学">大学</option>
			</select>
		</p>
		<p>
			<textarea name="intro" id="" cols="30" rows="10">qwerqwerwqer</textarea>
		</p>
		<p>
			选择上传的图片<input type="file" name="pic">
		</p>
		<p>
			隐藏域<input type="hidden" name="IP" value="170.168.1.1">
		</p>
		<p>
			<input type="submit" name="submit" value="提交">
		</p>
	</form>
</body>
</html>

慢跑中的蜗牛

关注

2
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
网页表单数据制作觉见的代码常用的type介绍

常用的type介绍：用户名 text密码 password性别：radio爱好： checkbox学历 select option介绍：textarea上传头像： file提交 submit action 网址 post 后台提交例：表单用户名：密码：性别：男：女：爱好:
复制链接

扫一扫