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="表单类型"/>
- 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
上一篇: css3 flex 布局
下一篇: HTML学习笔记(一)