分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 前端开发

HTML表单设计(下)

发布时间:2023-09-06 01:24责任编辑:白小东关键词:HTML

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表单设计(下)

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

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved