龙空技术网

HTML表单(一)

二渡河 134

前言:

目前看官们对“html表单”可能比较关注,看官们都需要剖析一些“html表单”的相关资讯。那么小编也在网摘上收集了一些对于“html表单””的相关文章,希望同学们能喜欢,同学们一起来学习一下吧!

◆知识要点

1.HTML文档中,使用表单可收集用户的相关信息,提交后的数据可以交付后台进行处理,如登陆界面、调查问卷、个人信息填写等。

2.表单标签<form>语法结构如下:

<form name="表单名称" action="提交数据地址" method="get/post" target="目标显示方式" enctype="编码方式"></form>

表单<form>标签的属性列表

图1

3.表单基本元素,<input>标签用于搜集用户信息,通过设置不同的 type属性值,可以有很多类型。

type属性值

图2

◆网页浏览效果

图3

◆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表单