当前位置： 移动技术网 > IT编程>网页制作>CSS > HTML学习笔记(二)

HTML学习笔记(二)

2018年04月14日  | 移动技术网IT编程  | 我要评论

一：表单

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

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网