03-表单各种控件、表单框架的使用、超链接颜色的使用

最新推荐文章于 2024-08-03 00:03:01 发布

这就是我hcx

最新推荐文章于 2024-08-03 00:03:01 发布

阅读量194

点赞数

分类专栏： html 文章标签： html

本文链接：https://blog.csdn.net/qq_29305437/article/details/103802345

版权

html 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

表单包含的控件

text:单行文本输入
password:密码框
radio:单选按钮
checkbox:复选框
select:下拉列表
button:按钮
reset:重置按钮
cancel:取消按钮
submit:提交按钮
textarea: 多行文本框
file:选择上传文件的按钮

表单的基本结构

<form action="test01.html" method="post">
			
</form>
其中：action: 1.可以跳转到xxx.html
              2.可以跳转到具体的网址：action="http"//www.baidu.com"
           method: 是表单的提交的方法，有get和post
                   get: 1.是不安全的，都会添加到url中的方便开发人员看到,是地址后面拼接""？""再拼接变量,变量与变量之间是用""&"进行拼接的 eg: http://www.baidu.com/test.html?name=lilian&password=12345678
                        2.传输的数据量非常小，一般2kb
                   post:1.是安全的，不会添加到url中
                        2.传输的数据量比较大
                   注：尽量用post

input标签

单行文本框 text:

eg:
用户名:<input type="text"  name="userName" value="张三" size="20" maxlength="6"/>
type：选择插入的表单控件类型
value:默认值
size:控件的宽度
maxlength:输入字符的限制，一个中文也算一个字符
name:控件的名字，每个控件，必须要！好读取控件里面的内容

密码框：password

eg:
密&nbsp;&nbsp;&nbsp;&nbsp;码:<input type="password" name="pwd" value="123456" size="20"/>
type:选择插入的表单控件
name:控件的名字
value:默认值
size:控件的宽度

单选按钮 radio

 eg：
 性&nbsp;&nbsp;&nbsp;&nbsp;别:<input type="radio" name="gen" value="man" checked="checked" />男 <input type="radio" name="gen" value="woMan"/>女
 type:选择插入的控件 单选按钮
 name:控件的名字 单选按钮实现原理，是相同的name中选其一
 value:控件的值，因为没有文本框去改变value框，表单提交的也是控件中的value值
 checked：默然被选中的按钮

下拉选择列表

  eg:
  <select>
	                      	<option>选择月份</option>
	                      	<option selected="selected">1</option>
	                      	<option>2</option>
 </select> 月
 tips:1.下拉选择列表的结构select标签中嵌套多个option标签
      2.option标签属性：可以指定默认选定

重置按钮

<input type="reset" />
作用：还原表单的最初始页面

textarea

   <textarea cols="50" rows="5"></textarea>
   cols：文本框的列宽
   rows:文本框的行高

框架

<frameset rows="20%,*" frameborder="0">
		<frame src="index.html" name="top" scrolling="yes" frameborder="0" />
		<frameset cols="20%,*" >
			<frame src="index.html" name="left" />
			<frame src="test01.html" name="right" />
		</frameset>
</frameset>
框架的基本结构：frameset标签里面嵌套frame标签或者frameSet标签
 FrameSet:属性 cols:界面按列进行分割 eg cols="20%,*"  分为左右两列，左边20%，*表示剩余的即80%为右列
               rows:界面按行进行分割
               tips:一个frameSet只进行行或者列的分割
               frameborder=“0” 设置无边框
 frame 属性：src:链接地址
            scrolling="no" 不显示滚动条
            noresize="noresize" 禁止拖动
            name:指定名字

链接在指定一部分的跳转

 <a href="xxx,html" target="frame指定的name值"></a>

noframe标签

若浏览器不能使用frameSet框架时，可以显示noframe标签之间的内容

iframe标签

 <iframe src="xxxx.html" name="A"></iframe>
 XXX.html的内容会显示在iframe处的位置
 name：是控件的名字

对超链接颜色的设定

<body link="red" alink="green" vlink="blue"> </body>
link：定义内部所有的超链接a 的颜色
alink:鼠标点击不松开的超链接的颜色
vlink:鼠标点击松开后的超链接的颜色

这就是我hcx

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
打赏
2
评论
03-表单各种控件、表单框架的使用、超链接颜色的使用

表单包含的控件text:单行文本输入password:密码框radio:单选按钮checkbox:复选框select:下拉列表button:按钮reset:重置按钮cancel:取消按钮submit:提交按钮textarea: 多行文本框表单的基本结构<form action="test01.html" method="post"> </form...
复制链接

扫一扫