1月18日 (HTML之旅)表单和框架

(一)、表单:
<form id="" name="" action="" method=""></form>
1.文本类
单行文本框:<input id="" name="" type="text" value="内容"/>
多行文本框:<textarea id="" name="" rows="行数" cols="列数">内容</textarea>
密码框:<input id="" name="" type="password" value="内容"/>
隐藏域:<input id="" name="" type="hidden" value="内容"/>
2.按钮类
普通按钮:<input id="" name="" type="button" value="按钮上的文字" disabled="disabled"/>             --加上disabled代表是不能选中的     
提交按钮:<input id="" name="" type="submit" value="按钮上的文字"/>
重置按钮:<input id="" name="" type="reset" value="按钮上的文字"/>                           --使表回到最初状态
图片按钮:<input id="" name="" type="image" src="图片的路径" width="宽" height="高"/>

3、选择输入类

(1)、单选
<input id="" name="组名" type="radio" value="运算的值" checked="checked"/>         --name若相同则表示为同一组    value不显示,用来计算
(2)、复选
<input id="" name="组名" type="checkbox" value="运算的值" checked="checked"/>

(3)、文件
<input id="" name="" type="file"/>
(4)、列表
下拉列表:
<select id="" name="">                                                   
<option value="1">送餐</option>
<option value="2">取餐</option>
<option value="3">订餐</option>
<option value="4">进餐</option>
</select>

执行结果:


列表:
<select id="" name="" size="大于1的数字" multiple="multiple">
<option value="1">送餐</option>
<option value="2">取餐</option>
<option value="3">订餐</option>
<option value="4">进餐</option>
</select>
执行结果:

五、框架   (分隔页面)
(一)frameset
frameset主要用来分隔浏览器窗口,它所在的页面是用<frameset></frameset>来替换<body></body>
属性:
rows="100,*,100"                --rows是上下,cols是左右
cols="100,*"
frameborder="no"
子元素:
<frame name="名称" src="页面的路径" noresize="noresize" scrolling="yes|no|auto"/>     --scrolling="yes"永远显示滚动条

(二)iframe
它是嵌入在body里面的。
<iframe width="300" height="400" frameborder="0" scrolling="no" src="Untitled-3.html"></iframe>              

                                                                                                     --frameborder="0"无边框 如果 width、height都等于0就相当于病毒软件,例:熊猫烧香

原文地址:https://www.cnblogs.com/tzq9308/p/4231866.html