仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 558|回复: 7
打印 上一主题 下一主题

[DIV+CSS] DIV教程之网页制造基本技能 单选框和复选框的使用

[复制链接]
小女巫 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-16 07:39:52 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
CSS非常容易编写。你可以象写html代码一样轻松地编写CSS。
在用表单计划查询拜访表时,为了削减用户的操纵,利用选择框是一个好主张,在HTML的<input>标志中有两种选择框,即单选框和复选框,二者的区分是单选框中的选项用户只能选择一项,而复选框中的选项用户能够恣意选择多项,乃至全选。请看上面的例子:  

  上面给出这个例子的源代码,分离代码来说各参数的设置:
<formname="form1">
你是不是喜好旅游?请选择:<br>
<inputtype="radio"name="radiobutton"value="radiobutton"checked>喜好
<inputtype="radio"name="radiobutton"value="radiobutton">不喜好
<inputtype="radio"name="radiobutton"value="radiobutton">无所谓<br>
<br>
您对那些活动感乐趣,请选择:<br>
<inputtype="checkbox"name="checkbox1"value="checkbox">跑步
<inputtype="checkbox"name="checkbox2"value="checkbox">打球
<inputtype="checkbox"name="checkbox3"value="checkbox">爬山
<inputtype="checkbox"name="checkbox4"value="checkbox">健美<br>
</form>
  从下面的源代码中可看出,制造单选框只需把<input>标志的type参数设置为type="radio"就好了;而制造复选框则只需把<input>标志的type参数设置为type="checkbox"就好了。至于实践使用顶用那种选择框,要依据实践必要而定。若只需用户有一种选择的,就用单选框,如本例中“你是不是喜好旅游?”这个成绩,用户只能是一种选择,以是接纳了单选框;若同意用户有多项选择的内容,则接纳复选框,如本例中的“你对那些活动感乐趣?”这个成绩,因一团体的乐趣多是多方面的,以是接纳了复选框。
  在<input>标志中设定checked参数,则该选框就被默许选中。如本例的第一个单选框(“喜好”上面谁人单选框)就设置为默许选中,如许用户如果想选择“喜好”的话,就能够不必再选了,固然,若用户要选择了“不喜好”,则只需点击“不喜好”下的那单选框,而默许值被主动作废。用一样的办法也能够设置某个复选框为默许被选中。可是复选框的默许选中不成滥用,不然会引发用户的恶感。
</p>
当遇到几个选择器共享一个声明的时候,可以分组放在一起,每个选择器必须以逗号隔开。例:h1,h2,h3,h4{colorred;}选择器分组时要将每个选择器路径写全,分组结尾不能有逗号。
老尸 该用户已被删除
沙发
发表于 2015-1-18 06:44:48 | 只看该作者
由CS4版本开始,则转用WebKit排版引擎(亦即GoogleChrome和AppleSafari浏览器所用的排版引擎)作为网页预览。
第二个灵魂 该用户已被删除
板凳
发表于 2015-1-24 12:14:07 | 只看该作者
学Dreamweaver技术的过程其实是一个增加信心的过程。
海妖 该用户已被删除
地板
发表于 2015-2-1 12:42:55 | 只看该作者
俗话说:兴趣是最好的老师。做每一件事都离不开兴趣的驱动。兴趣是自学技术需要迈出的第一步。在学习的过程中,我们难免会遇到各种各样的问题。
若相依 该用户已被删除
5#
发表于 2015-2-7 07:40:44 | 只看该作者
Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。
精灵巫婆 该用户已被删除
6#
发表于 2015-2-21 04:51:46 | 只看该作者
每天上网看着那样多的网页,于是我才下定决心选择了网页制作这一门课程,目的就是希望以后能够做出一个完美的网页来。
透明 该用户已被删除
7#
发表于 2015-3-13 08:27:55 | 只看该作者
以上大概就是文字图片的一些链接方法,通过学习Dreamweaver、练习让我对dreameaver8有了进一步的认识,他其实是一款很好的建立Web站点和应用程序的软件。它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起,其功能强大,使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。
8#
发表于 2015-3-20 18:24:40 | 只看该作者
以上大概就是文字图片的一些链接方法,通过学习Dreamweaver、练习让我对dreameaver8有了进一步的认识,他其实是一款很好的建立Web站点和应用程序的软件。它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起,其功能强大,使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-9-21 05:17

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表