1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > html中的下拉列表框 单选框和复选框

html中的下拉列表框 单选框和复选框

时间:2022-01-09 03:52:25

相关推荐

html中的下拉列表框 单选框和复选框

下拉列表框:

下拉列表框是指允许网页浏览者从下拉式菜单中选择某一项,我们通常会在网页中看到各种下拉列表框,这是一种最节省空间的方式。正常情况下,浏览者只能看见一个选项,单击选项按钮打开菜单后才能看到全部的选项。其基本语法格式为:

下面是一个实例:

上图

单选框:

其基本语法格式为:

<input type="radio" name="field-name" cheaked value="value"/>

下面是一个实例:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

</head>

<body>

<form>

请选择你最感兴趣的图书类型:

<br>

<input type="radio" name="book" value="Book1">网站编程<br>

<input type="radio" name="book" value="Book2">办公软件<br>

<input type="radio" name="book" value="Book3">设计软件<br>

<input type="radio" name="book" value="Book4" checked="checked">网络管理<br>

</form>

</body>

</html>

运行如下:

复选框:

复选框主要是让网页浏览者在一组选项里能同时选择多个选项。

<input type="cheakbox" name="field-name" cheaked value="value"/>

下面是一个实例:

<form>

请选择你最感兴趣的图书类型:

<br>

<input type="checkbox" name="book" value="Book1">网站编程<br>

<input type="checkbox" name="book" value="Book2">办公软件<br>

<input type="checkbox" name="book" value="Book3" checked="checked">设计软件<br>

<input type="checkbox" name="book" value="Book4" checked="checked">网络管理<br>

</form>

运行如图:

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。