HTML中的表单

来源:互联网 发布:2000w酒店数据库下载 编辑:程序博客网 时间:2024/06/06 09:31

HTML中的表单需要用到<form>标签,表单用于向服务器传输数据

<form action="后台文件.php" method="get">
表单内容
</form>
(method="get")表单数据可以作为 URL 变量

URL类似:

http://www.example.com/example/program?x=28&y=66
1.表单中的文本域

<textarea>标签

用法:

<textarea cols="20" rows="5">这里是文本域</textarea>

cols rows 为设置的文本域的宽高,单位像素

2.输入框

<input>标签

姓名<input type="text">密码<input type="password">
3.单选框

<input type="radio" name="sex"/><br><input type="radio" name="sex"/><br>
---------男女只能选一个

<input type="radio" name="sex1" id="1"/><label for="1"></label><br><input type="radio" name="sex2" id="2"/><label for="2"></label><br>
---------两者都可以选择

4.复选框

<input type="checkbox" name="fuxuan">bike<br><input type="checkbox" name="fuxuan" checked="checked">car<br>
---------点击选择,再次点击取消选择

5.下拉菜单

<select multiple="multiple">    <option value="1">巧克力</option>    <option value="2">草莓</option>    <option value="3">香蕉</option>    <option value="4" selected="selected">野子</option>    </select>
multiple标签的意思为:可以多选,windows为ctrl  mac为comd

selected 默认选择为此项

6.定义域

<fieldset>    <legend>健康信息</legend>    身高<input type="text">    体重<input type="text">    </fieldset>
fieldset 元素可将表单内的相关元素分组。

legend用来定义标题

7.按钮

<input type="button" value="按钮"><br><input type="submit" value="提交"><br><input type="reset" value="重置"><br>
比较简单,功能和用法通俗易懂。

1 0
原创粉丝点击