前言:
目前看官们对“html表单”可能比较关注,看官们都需要剖析一些“html表单”的相关资讯。那么小编也在网摘上收集了一些对于“html表单””的相关文章,希望同学们能喜欢,同学们一起来学习一下吧!◆知识要点
1.HTML文档中,使用表单可收集用户的相关信息,提交后的数据可以交付后台进行处理,如登陆界面、调查问卷、个人信息填写等。
2.表单标签<form>语法结构如下:
<form name="表单名称" action="提交数据地址" method="get/post" target="目标显示方式" enctype="编码方式"></form>
表单<form>标签的属性列表
3.表单基本元素,<input>标签用于搜集用户信息,通过设置不同的 type属性值,可以有很多类型。
type属性值
◆网页浏览效果
◆HTML5代码
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>表单练习</title>
</head>
<body>
<form action="#" method="post" enctype="multipart/form-data">
<span>帐号:</span><input type="text" name="user" value="" /><br />
<span>密码:</span><input type="password" name="ps" value="" /><br />
<span>性别:</span><span>男</span><input type="radio" name="sex" value="男" />
<span>女</span><input type="radio" name="sex" value="女" /><br />
<span>爱好:游泳</span><input type="checkbox" name="aihao" value="游泳" />
<span>唱歌</span><input type="checkbox" name="aihao" value="唱歌" />
<span>打球</span><input type="checkbox" name="aihao" value="打球" />
<span>跳舞</span> <input type="checkbox" name="aihao" value="跳舞" /><br />
<input type="file" name="wj"/><br>
<input type="submit" value="提交" /><input type="reset" value="重置" />
</form>
</body>
</html>
标签: #html表单