2017.9.20 HTML学习总结----下拉列表标签

接上：

1.下拉列表框<option>,<selcct>

(1)解释：在表单中，通过option select标记可设计一个下拉式的列表或带有滚动条的列表，

　　　用户可以在列表中选中一个或者多个选项。

(2)基本语法：<select name="" size="" multiple>

　　　　　　<option value="" selected>....</option>

　　　　　　<option value="">...</option>

　　　　　　....

　　　　　　</select>

(3)语法说明：例如：<select size="4" name="list1" multiple="multiple">

<select>标记有:

　　　　name：设定下拉列表名字；

　　　 size：用于改变下拉框的大小，默认值为1；

　　　　multiple：表示允许用户从列表中选择多项，若缺省，则表示单选；

这3个属性。

　　option标记有：

　　　　value：用于设置当该选项被选中并提交后，浏览器传送给服务器的数据；

　　　　selected：用来指定选项的初始状态，表示该选项在初始时被选中；

这两个属性。

2.多行文本框<textarea>标记

基本语法：

　　<texearea name="" rows="" cols="" wrao="off|virtual|physical">

　　　　初始值

　　　　</textarea>

例如：<textara name="Letter" rows="4" cols="40"></textarea>

　　　<textarea name="userBasicInfo" rows="5" cols="50"></textarea>

end!

注意：rows设置输入域的行数， cols设置输入域的列数；wrap设置是否换行；

表单设计案例------学生入校注册页面设计

<html>

  <head>

    <title>学生信息注页面</title>

  </head>

  <body>

    <h3 align="center">学生信息注册</h3>

     <form name="stu" action="">

     <table>

         <tr><td>姓名:</td><td><input type="text" name="stuName"></td></tr>

         <tr> <td>性别:</td><td>

             <input type="radio" name="stuSex" checked="checked">男

             <input type="radio" name="stuSex" checked="checked">女

             </td>

         </tr>

         <tr><td>出生日期</td>

         <td><input type="text" name="stuBirthday"></td>

         <td>按照格式yyy-mm-dd</td>

         </tr>

         <tr><td>学校:</td><td><input type="text" name="stuSchool"</td></tr>

         <tr><td>专业:</td>

         <td><select name="stuSeltct2">

             <option selected>计算机科学与技术</option>

             <option >网络工程</option>

             <option>物联网工程</option>

             <option>应用数学</option>

                 </select>

             </td>

             </tr>

             <tr><td>体育特长:</td>

                 <td colsopan=2>

                 <input type="checkbox" name="stuCheck">篮球

                 <input type="checkbox" name="stuCheck">排球

                 <input type="checkbox" name="stuCheck">足球

                 <input type="checkbox" name="stuCheck">游泳

                 </td>

             <tr>

             <tr><td>上传照片:</td><td colspan="2"><input type="file"></td></tr>

             <tr><td>密码:</td><td><input type="password" name="stuPWD"></td></tr>

             <tr><td>个人介绍:</td>

             <td colspan="2"><textarea name="Letter" rows="4" cols="40"></textarea></td>

             </tr>

             <tr>

             <td ><input type="submit" value="提交">

                 <input type="reset" value="取消">

                 </td>

             </tr>

         </table>

     </form>

  </body>

</html>

3.HTML框架标签与框架设计

页面分割用<frame>标记与<frameset>标记来定义的，其中<frame>标记用来定义框架，而<framset>标记则用来定义框架集

3.1窗口的分割与设置

3.1.1 分割框架的语法结构：

<frameset rows="高度1，高度2...."或者 cols=“宽度1，宽度2.......”>

　　　<frame src="网页1">

　　　<frame src="网页2">

　　.......

</frameset>

语法说明：

（1）row属性是表示水平分割，cols属性是垂直分割。

（2）rows（或cols）属性的值代表个子窗口的高度（或宽度）

·对于rows，是从上到下分割，各子窗口的高度依次为高度1，高度2，....,直到最后一个评分完剩下的

·对于cols，是从左到右分割，各子窗口的宽度依次为宽度1，宽度2，....直到最后一个平分完之后剩下的

（3）设置高度（宽度）的数值方式有以下两种

·采用整数设置，单位为像素（px）

例如：<frameset rows="100,200,*">

解释：该语句将窗口水平分为3个子窗口，第一个高度为100个单位，第二个高度为200单位，第三个高度为-300

·采用百分比设置

例如：<framset rows="20%,50%">

解释：平分为3个子窗口，第一个高度占原高度的20%，第2个高度占原高度的50%，第三个占原高度30%.

3.1.2 窗口的嵌套分割

将水平分割框架与垂直分割框架实现嵌套

3.2 子窗口的设置

基本语法：

<frameset src="html文件的位置" name="子窗口的名称" scrolling=yes或 no 或者auto>

语法说明：

·name属性指定子窗口的名称，在该子窗口内显示由src属性指定的HTML文件网页内容

·scrolling属性用于设置控制窗口框架中是否显示滚动条，yes显示滚动条，no不显示，auto为自动；

在框架中定义了一个子窗口main，在main中显示jc.html网页

<frameset set="jc.html" name="main " scrolling="auto">

3.3 target属性

　　在框架结构子窗口的HTML文档中如果含有超链接，当用户点击该链接时，目标网页显示的位置有target

属性指定，若没有指定则在当前子窗口打开。

·target属性使用格式：

<a href="目标网页地址" target="显示目标网页的子窗口名字">超链接文字</a>

·若jc.html中有一个超链接，再点击该链接后，网页newhtml将要显示在名为main的子窗口中，如下

<a href="new.html" target="main">需要链接的文本

2017.9.20 HTML学习总结----下拉列表标签的更多相关文章

2017.9.18 HTMl学习总结----input标签的额type
2.1.3 HTML表单标签与表单设计 (1)表单的组成:文本框(text),密码框(password),多行文本框(Multiline text box). 单选按钮框(Single - rad ...
2017.9.17 HTML学习总结---table标签
接上: 2.1.3 HTML表单标签与表单设计表单是用户与服务器交互的主要方法,用户在表单中输入数据,提交给服务器程序来处理. (1)表单的组成: 文本框(text),密码框(password), ...
2017.9.14 HTML学习总结---超链接标签图片标签
2.4 超链接标签定义:它是指从一个对象指向另一个对象的指针,它可以是网页中的一段文字也可以是一张图片,以实现从一个页面到另一个页面的跳转. 格式:<a href="url&qu ...
回望2017，基于深度学习的NLP研究大盘点
回望2017,基于深度学习的NLP研究大盘点雷锋网百家号01-0110:31 雷锋网 AI 科技评论按:本文是一篇发布于 tryolabs 的文章,作者 Javier Couto 针对 2017 ...
学习笔记_Java_day13_JSTL标签库（1、2、3、4、5、6、7、8）
1.一种标签语言 day13 l JSTL标签库(重点) l 自定义标签(理解) l MVC设计模式(重点中的重点) l Java三层框架(重点中的重点) JSTL标签库 1 什么是JSTL ...
前端学习(一) body标签(下)
今日主要内容: 列表标签 <ul>.<ol>.<dl> 表格标签 <table> 表单标签 <fom> 一.列表标签列表标签分为三种. 1 ...
JUnit5学习之五：标签(Tag)和自定义注解
欢迎访问我的GitHub https://github.com/zq2599/blog_demos 内容:所有原创文章分类汇总及配套源码,涉及Java.Docker.Kubernetes.DevOPS ...
2017.12.20 Java中的 IO/XML学习总结 File类详细
IO / XML 一.File类 1.定义/概念 Java是面向对象的语言,要想把数据存到文件中,就必须要有一个对象表示这个文件.File类的作用就是代表一个特定的文件或目录,并提供了若干方法对这些文 ...
2017/01/20 学习笔记关于修改和重打jar包
背景客户提供了jar包,但发现db表中缺少一个字段,db追加以后需要修改jar包中的source. 操作如何修改jar包中的source并重新打一个新的jar包,做了如下操作. ① 开包解压j ...

随机推荐

约瑟夫环问题poj1012
题意: 有k个坏人k个好人坐成一圈,前k个为好人(编号1~k),后k个为坏人(编号k+1~2k) 现在有一个报数m,从编号为1的人开始报数,报到m的人就要自动死去. 问当m为什么值时,可以使得在出现好 ...
PHP rand 和 mt_rand
PHP mt_rand() 函数定义和用法 mt_rand() 使用 Mersenne Twister 算法返回随机整数. 语法 mt_rand(min,max) 说明如果没有提供可选参数 min ...
虚拟机 ---- 最小化安装无法使用tab补全键
解决方法: 安装 yum -y install bash-completion 然后重启注意:挂载时使用绝对路径的cdrom挂载, ls -l /dev/cdromvim /etc/fstab — ...
Invalid prop: type check failed for prop "XXX". Expected String, got Object.
项目是Vue的,基于elementUI的后台管理系统. Invalid prop: type check failed for prop "total". Expected Str ...
ora-1652
###检查是否有temp 在使用 step 2: 检查是否有事务使用到temp,并且进行删除. SELECT vt.inst_id,vs.sid,vs.serial#,vs.username,vs.o ...
JavaWeb xss攻击
出处: http://www.cnblogs.com/TankXiao/archive/2012/03/21/2337194.html XSS 全称(Cross Site Scripting) 跨站脚 ...
多线程编程_CyclicBarrier
1.类说明: 一个同步辅助类,它允许一组线程互相等待,直到到达某个公共屏障点 (common barrier point).在涉及一组固定大小的线程的程序中,这些线程必须不时地互相等待,此时 Cycl ...
python 运算符-赋值运算
结果是值算数运算: a = 10 * 10 赋值运算: a = a + 1 a +=1 结果是布尔值比较运算: a = 1 > 5 逻辑运算: a = 1 > 6 or 1= ...
iTween Scale缩放
void Start () { //键值对儿的形式保存iTween所用到的参数 Hashtable args = new Hashtable(); //放大的倍数 args.Add(, , )); / ...
根据时间显示不同的问候语的JavaScript代码
对于最近有许多的初学开发者问我关于根据时间显示不同的问候语的JavaScript代码问题,所以今天将自己整理的一些代码在这里分享出来,供初学者参考,如果在运行过程中有问题,可以给我在下方留言. < ...

2017.9.20 HTML学习总结----下拉列表标签

接上：

1.下拉列表框<option>,<selcct>

(1)解释：在表单中，通过option select标记可设计一个下拉式的列表或带有滚动条的列表，

用户可以在列表中选中一个或者多个选项。

(2)基本语法：<select name="" size="" multiple>

<option value="" selected>....</option>

<option value="">...</option>

....

</select>

(3)语法说明： 例如：<select size="4" name="list1" multiple="multiple">

<select>标记有:

name：设定下拉列表名字；

size：用于改变下拉框的大小，默认值为1；

multiple：表示允许用户从列表中选择多项，若缺省，则表示单选；

这3个属性。

option标记有：

value：用于设置当该选项被选中并提交后，浏览器传送给服务器的数据；

selected：用来指定选项的初始状态，表示该选项在初始时被选中；

这两个属性。

2.多行文本框<textarea>标记

基本语法：

<texearea name="" rows="" cols="" wrao="off|virtual|physical">

初始值

</textarea>

例如：<textara name="Letter" rows="4" cols="40"></textarea>

<textarea name="userBasicInfo" rows="5" cols="50"></textarea>

end!

注意：rows设置输入域的行数， cols设置输入域的列数 ；wrap设置是否换行；

表单设计案例------学生入校注册页面设计

3.HTML框架标签与框架设计

页面分割用<frame>标记与<frameset>标记来定义的，其中<frame>标记用来定义框架，而<framset>标记则用来定义框架集

3.1窗口的分割与设置

3.1.1 分割框架的语法结构：

<frameset rows="高度1，高度2...."或者 cols=“宽度1，宽度2.......”>

<frame src="网页1">

<frame src="网页2">

.......

</frameset>

语法说明：

（1）row属性是表示水平分割，cols属性是垂直分割。

（2）rows（或cols）属性的值代表个子窗口的高度（或宽度）

·对于rows，是从上到下分割，各子窗口的高度依次为高度1，高度2，....,直到最后一个评分完剩下的

·对于cols，是从左到右分割，各子窗口的宽度依次为宽度1，宽度2，....直到最后一个平分完之后剩下的

（3）设置高度（宽度）的数值方式有以下两种

·采用整数设置，单位为像素（px）

例如：<frameset rows="100,200,*">

解释：该语句将窗口水平分为3个子窗口，第一个高度为100个单位，第二个高度为200单位，第三个高度为-300

·采用百分比设置

例如：<framset rows="20%,50%">

解释：平分为3个子窗口，第一个高度占原高度的20%，第2个高度占原高度的50%，第三个占原高度30%.

3.1.2 窗口的嵌套分割

将水平分割框架与垂直分割框架实现嵌套

3.2 子窗口的设置

基本语法：

<frameset src="html文件的位置" name="子窗口的名称" scrolling=yes或 no 或者auto>

语法说明：

·name属性指定子窗口的名称，在该子窗口内显示由src属性指定的HTML文件网页内容

·scrolling属性用于设置控制窗口框架中是否显示滚动条，yes显示滚动条，no不显示，auto为自动；

在框架中定义了一个子窗口main，在main中显示jc.html网页

<frameset set="jc.html" name="main " scrolling="auto">

3.3 target属性

在框架结构子窗口的HTML文档中如果含有超链接，当用户点击该链接时，目标网页显示的位置有target

属性指定，若没有指定则在当前子窗口打开。

·target属性使用格式：

<a href="目标网页地址" target="显示目标网页的子窗口名字">超链接文字</a>

·若jc.html中有一个超链接，再点击该链接后，网页newhtml将要显示在名为main的子窗口中，如下

<a href="new.html" target="main">需要链接的文本

2017.9.20 HTML学习总结----下拉列表标签的更多相关文章

随机推荐

热门专题

　　　用户可以在列表中选中一个或者多个选项。

　　　　　　<option value="" selected>....</option>

　　　　　　<option value="">...</option>

　　　　　　....

　　　　　　</select>

(3)语法说明：例如：<select size="4" name="list1" multiple="multiple">

　　　　name：设定下拉列表名字；

　　　 size：用于改变下拉框的大小，默认值为1；

　　　　multiple：表示允许用户从列表中选择多项，若缺省，则表示单选；

　　option标记有：

　　　　value：用于设置当该选项被选中并提交后，浏览器传送给服务器的数据；

　　　　selected：用来指定选项的初始状态，表示该选项在初始时被选中；

　　<texearea name="" rows="" cols="" wrao="off|virtual|physical">

　　　　初始值

　　　　</textarea>

　　　<textarea name="userBasicInfo" rows="5" cols="50"></textarea>

注意：rows设置输入域的行数， cols设置输入域的列数；wrap设置是否换行；

　　　<frame src="网页1">

　　　<frame src="网页2">

　　.......

　　在框架结构子窗口的HTML文档中如果含有超链接，当用户点击该链接时，目标网页显示的位置有target