HTML学习笔记(二)

罗曼特 2018-04-15 01:4665 阅读

一:表单

1.外部基本结构

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

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

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

  • 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

回复数量: 0
暂无评论~~
  请勿发布不友善或者负能量的内容。与人为善,比聪明更重要!