码迷,mamicode.com
首页 > Web开发 > 详细

HTML表单设计(下)

时间:2017-11-12 18:33:22      阅读:222      评论:0      收藏:0      [点我收藏+]

标签:ted   hang   tle   字符   北京   htm   textarea   checkbox   介绍   

4,单选框和复选框

  a,当<input type=“radio”>时,为单选按钮

  b,当<input type=“chekebox”>时,为复选框

  c,注意:单选框和复选框都可以使用“cheked”属性来设置默认选中项

 

5,隐藏域

  当<input type=“hidden”>时,为隐藏表单域

6,多行文本域

  用法,使用<textarea>标记可以实现一个,能够输入多行文本的区域

  语法格式<textarea name=“name” rows =“value” value=“value”>......</textarea>

  rows属性和cols属性分别用来指定,显示的行数和列数,单位是字符个数

7,菜单下拉列表域

  select标记

  语法格式:

    a,<select name=“” size=“” multiple>

    b,<option value=“value” selected>选项1</option>

    c,.....</select>

  属性

  option标记

    <option>标记用来指定列表中的一个选项,需要放在<option><option>之间

    给选项赋值,指定传送到服务器上面的值

    selected 指定默认的选项

 

eg:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>表单设计</title>
</head>
<body>
<form action="no" method="get">
帐号:<input type="text" name="name" value="" size="10" maxlength="5">
<br><br>
密码:<input type="password" name="password" value="" size="10" src="5">
<br><br>
<input type="hidden" value="隐藏的内容" size="10" name="dsjfldsfjsd">
爱好:<input type="checkbox" name="tiyu" checked>体育<input type="checkbox" name="changge">唱歌
<br><br>
性别:<input type="radio" name="sex" checked>男<input type="radio" name="sex">女
<br><br>
自我介绍:
<textarea cols="55" rows="10" name="ziwojieshao">
这里是自我介绍

</textarea>
<br><br>
地址:
<select>
<option value="sichuan">四川</option>
<option value="beijing">北京</option>
<option value="shanghai">上海</option>
</select>
<br><br>
<input type="submit" value="提交">
<input type="reset" value="重置">
<input type="button" value="按钮">
</form>
</body>
</html>

 

HTML表单设计(下)

标签:ted   hang   tle   字符   北京   htm   textarea   checkbox   介绍   

原文地址:http://www.cnblogs.com/lzp1103/p/7822362.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!