HTML表单学习

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档


HTML表单

什么是表单?

搜索框
登录框
文件上传
注册
留言板

向服务器提交信息(写)
搜集用户信息、

交互

双向交流

读写执行

读取 获取信息
写入 发出信息

小技巧

管理控制台
查看器
DOM 文档对象模型 树形结构
浏览器构造的
控制台
可以执行的JS代码
网络
页面的网络链接
存储
存储了页面的cookie相信等。

表单元素

表单本身是一个框架,表单里会有很多控件(元素)

 <form></form>
action     		数据提交到服务器的url
				如果为空,提交到当前页面
				也可以采用绝对路径和相对路径
method   		提交方法
get     		url中有显示
				url 长度有限制
post			上传文件等等
				HTTP  请求正文中
	大部分
	<input />		单标签
	type				属性
	password		密码框
	text				文本框
	radio			单选框
	checkbox		多选框
	reset			重置按钮

下拉列表

<

<html>
<head>
	<title>表单</title>
	<meta charset="utf-8">
</head>
<body>
	<h1>用户注册页面</h1>	
	<form
		action="#"
		method="post"
	>
	用户名:<input name="user" type="text" /><br />
	密码:<input name="passwdl" type="password" /><br />
	确认密码:<input name="passwd2" type="password" /><br />
	性别:<input name="sex" value="1" type="radio" checked="checked"><input name="sex" value="0" type="radio"><br />
	爱好:	<input name="ah1" value="cf" type="checkbox">吃饭
			<input name="ah2" value="sj" type="checkbox">睡觉
			<input name="ah3" value="dyx" type="checkbox">打游戏
	<!--
		ah1=cf
		ah2=sj
		ah3=dyx
	-->
	<br />
	出生年月:<input type="text" name="year" size="4"><select name="mom" >
				<option value="0" selected="selected">[选择月份]</option>
				<option value="1">1</option>
				<option value="2">2</option>
				<option value="3">3</option>
			</select><input type="text" name="day" size="2"><br />
			<input type="reset" >
			<input type="submit" name="submit" value="提交">
	</form>
</body>
</html>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值