作业:------数据库下拉菜单,数据库复选框

$attr = array(
array("n001","汉族"),
array("n002","回族"),
array("n003","苗族"),
array("n004","维吾尔族"),
);

1.要求用下拉列表的样式显示在页面上

2.要求用checkbox/radio 列表 显示在页面上

1.要求用下拉列表的样式显示在页面上

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 <html xmlns="http://www.w3.org/1999/xhtml">
 3 <head>
 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 5 <title>数据库下拉菜单</title>
 6 </head>
 7
 8 <body>
 9
10 <select size="1">
11
12 <?php
13 $attr=array(
14 array("n001","汉族"),
15 array("n002","回族"),
16 array("n003","苗族"),
17 array("n004","维吾尔族"),
18 );
19 foreach($attr as $v)
20 {
21     echo"<option>{$v[0]}{$v[1]}</option>";
22 }
23
24
25 ?>
26
27
28 </body>
29 </html>

显示结果:

2.要求用checkbox/radio 列表 显示在页面上

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 <html xmlns="http://www.w3.org/1999/xhtml">
 3 <head>
 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 5 <title>数据库复选框</title>
 6
 7 </head>
 8
 9 <body>
10
11 <?php
12 $attr=array(
13 array("n001","汉族"),
14 array("n002","回族"),
15 array("n003","苗族"),
16 array("n004","维吾尔族"),
17 );
18 foreach($attr as $v)
19 {
20     echo"<input type=checkbox>{$v[0]}{$v[1]}.<br>";
21 }
22
23 ?>
24 </body>
25 </html>

显示结果:

时间: 2024-12-28 00:00:54

作业:------数据库下拉菜单,数据库复选框的相关文章

selemiun 下拉菜单、复选框、弹框定位识别

一.下拉菜单识别 对下拉框的操作,主要是通过Select 类里面的方法来实现的,所以需要new 一个Select 对象(org.openqa.selenium.support.ui.Select)来进行操作 public void selectDemo() throws InterruptedException { driver.get("http://tieba.baidu.com/f/search/adv?red_tag=v3168911135"); driver.manage()

实现查询条件文本框、下拉表、复选框页面组装

<form id="content">     <%         if ("OPCODE".equals(dicType)) {     %>     <div id="opCodeCompent"></div>     <%     } else if ("CHANNEL".equals(dicType)) {     %>     <div id=&qu

android menu菜单的复选框

android新手,目前在整在一个android需求,需要集成媒体播放器,  在菜单中添加一个checkbox,当选中checkbox的时候停止播放器,当取消选中的时候启动播放器,目前我已经实现了选中checkbox停止播放器. 当我 取消选中checkbox的时候,报错了,找了好久没找到啥原因.心情很不好..... 我的代码如下: MainActivity 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26

点击文本框弹出可供选择的checkbox复选框代码实例

点击文本框弹出可供选择的checkbox复选框代码实例:本章节分享一段代码实例,它能够点击文本框的时候,能够弹出下拉的checkbox复选框,选中复选框就能够将值写入文本框中,可能在实际应用中的效果没有这么直白简单,不过可以作为一个例子演示,以便于学习者理解和扩展.代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author&qu

DOM(十)使用DOM设置单选按钮、复选框、下拉菜单

1.设置单选按钮 单选按钮在表单中即<input type="radio" />它是一组供用户选择的对象,但每次只能选一个.每一个都有checked属性,当一项选择为ture时,其它的都变为false. 先贴沙漠化一个例子: <script type="text/javascript"> function getChoice() { var oForm = document.forms["uForm1"]; var aCh

关于IE下复选框的样式问题

一.为什么复选框与后面的文字有间距 1.在FF,chrome,Safari等浏览器,是由margin引起的,也就是checkbox有默认margin-right:3px.(FF下复选框默认margin值为3px 3px 3px 4px,chrome与之一致 )2.IE6-IE8是由本身引起的. FF的虚框直接依附在复选框本身的边框上,IE6是偌大的区域,复选框只是位居其中,IE8下虚框的范围更加对称. 给复选框加border和background,IE6下如图,IE7类似,IE8更对称些,FF下

js获取checkbox复选框获取选中的选项

js获取checkbox复选框获取选中的选项 分享下javascript获取checkbox 复选框获取选中的选项的方法. 有关javascript 获取checkbox复选框的实例数不胜数.js实现: var form = document.getElementById("form2"); var field = form.elements["test2"]; var option = Dining.getSelectedOption(form, field);

nodetree中 前面复选框禁用插件

nodetree中 前面复选框的去掉插件 extendTreeCheck.js 1 /** 2 * tree方法扩展 3 * 作者:小雪转中雪 4 */ 5 $.extend($.fn.tree.methods, { 6 /** 7 * 激活复选框 8 * @param {Object} jq 9 * @param {Object} target 10 */ 11 enableCheck : function(jq, target) { 12 return jq.each(function(){

Thymeleaf+layui+jquery复选框回显

一.Thymeleaf+layui+jquery复选框回显 基于Thymeleaf模板下的layui+jquery复选框回显,主要是jquery.大致意思是:把数组转成JSON传到前台,再在前台转回数组 AJAX一般都是用JSON格式或XML格式来传递数据的JSON就是一种具有特殊格式的字符串. 1.实体类属性 1 //顾客等级 2 private Integer[] constomerGradeArray; 3 //用来存储json格式的顾客等级数组(方便数据传输) 4 private Str