欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

HTML学习笔记(二)

程序员文章站 2022-07-07 23:45:33
一:表单 1.外部基本结构 name="表单名称" :为表单命名,防止提交到后台混乱 action="提交地址" :用于指定表单数据提交到哪个地址进行处理 method="传送方法" :指定将表单中的数据使用哪一种HTTP提交方法,取值为get或post target="跳转方式":指定目标窗口的打 ......

一:表单

1.外部基本结构

1 <form  name=" ">
2 ……
3 </form>
  • name="表单名称" :为表单命名,防止提交到后台混乱
  • action="提交地址" :用于指定表单数据提交到哪个地址进行处理
  • method="传送方法" :指定将表单中的数据使用哪一种HTTP提交方法,取值为get或post
  • target="跳转方式":指定目标窗口的打开方式
  • enctype="编码方式":用于设置表单信息提交的编码方式(一般情况下不用设置,默认就行;但“上传文件”时必须改为“multipart/form-data”)

2.各种标签(form里的...部分)

<input type="表单类型"/>

HTML学习笔记(二)

  • text,password
<input type="text" value="默认显示文字" size="文本框的长度" maxlengt="最多可以输入的字符数" />
<!--属性可按需添加,不用全下-->
<input type="password" />
<!--输入时不显示输入内容,其他和text一样-->
  • button普通按钮, radio单选按钮,checkbox复选框
1 <!--普通按钮>
2 <input type="button" value="普通按钮的取值" onclick="JavaScript脚本程序"/>
3 <!--一般结合JS使用-->
<!--单选-->
<input type="radio" name="组名" value="单选按钮的取值"/>
<!--多个input上下叠加,加入同一份组别,从而实现单选-->
<!--name和value属性是radio必要属性,这两个属性必须要设置。-->
<!--value用于向服务端传递数据,而选项的文字取值在<input/>后面加上-->
<!--例子:-->
<input type="radio" name="Question1" value="boy"/>男 
<input type="radio" name="Question1" value="girl"/>女
1 <!--复选-->
2 <!--不需要设置选项列表的name,因为复选框可以多选 -->
3 <!--checked属性表示该选项在默认情况下已经被选中-->
4 <!--HTML中的复选框是没有文本的,需要加入label标签,并且用label标签的for属性指向复选框的id-->
5 <!--例子:-->
6 <input id="checkbox1" type="checkbox" checked/><label for="checkbox1">苹果</label><br />
7 <!--<label for="checkbox1">苹果</label>”表示label指向id为checkbox1的复选框,以此类推-->
8 <!--复选框是checkbox必须和label标签配合使用的,因为JS中会用到!-->
  • submit提交,reset重置
1 <!--提交-->
2 <input type="submit" value="提交按钮的取值"/>
3 <!--value的取值就是显示在按钮上的文字,提交按钮可以实现将表单内容提交给服务器处理-->
4 
5 <!--重置-->
6 <input type="reset" value="重置按钮的取值"/>
7 <!--重置按钮可以清除用户在页面表单中输入的信息(仅限form表单)-->
  •  image图像,file文件
1 1 <!--image-->
2 2 <input type="image" src="图像的路径"/>
3 3 <!--file-->
4 4 <input type="file"/>
  • 多行文本域
1  <!--文本域-->
2 2 <textarea rows="行数" cols="列数">多行文本框内容</textarea>
3 3 <!--下拉选择-->
4 4 <select>
5 5         <option>选项一</option>
6 6         <option>选项二</option>
7 7 </select>

select:设置属性multiple=“multiple”可以多选,size="数目"可以设置可见的选项数量

option:selected="selected"设置选中

二:网页音频

  • 1.<embed src="多媒体文件地址"width="播放界面的宽度" height="播放界面的高度"/>

     可以插入音乐文件,视频文件,和swf格式的flash文件,宽/高度用像素px做单位

  • 2.<bgsound src="背景音乐的地址"/>,但适用于IE浏览器。

    可以插入背景音乐,没有播放界面。

    属性:属性1:<bgsound src="背景音乐地址"  loop="播放次数">,loop="2"表示重复2次,用loop="-1"表示无限次循环播放(或者infinite)

 

  • 3. 浮动框架iframe (有结束标签)

    <iframe src="浮动框架的源文件" width="浮动框架的宽" height="浮动框架的高"></iframe>

 

    属性:属性1. scrolling : scrolling="取值"

      1.auto : 默认值,整个表格在浏览器页面中左对齐

       2.yes : 总是显示滚动条,即使页面内容不足以撑满框架范围,滚动条的位置也预留

      3.no : 在任何情况下都不显示滚动条

                                    2018-04-13   23:10:07