最近好几天没写博客了,主要是在练车,真的好累,自己黑的发亮了,终于皇天不负有心人,考完科三,成功考过,美滋滋。相信任何的努力都是有一定的回报的。
下面介绍表单
表单用于收集数据等,主要用于动态界面,也就是和后端的互动,当然学习html只需要将效果做出来就好了,不需要进行数据的处理。
下面介绍表单标签
Form’标签
<form>
//各种表单标签
</form>
Form标签属性
表单名称 name
提交方式 method
提交地址 action
打开方式 target
编码方式 enctype
Input标签
<form>
<input type="属性 " />
</form>
Input标签的type取值
单行文本框 text
单行文本框属性
设置文本框的默认值,默认情况下文本框显示的文字 value
设置文本框的长度 size
设置文本框中最多可以输入的字符数 maxlength
学生姓名:<input type="text" />
密码文本框 password
进行输入密码
密码文本框常用属性
设置文本框的默认值,默认情况下文本框显示的文字 value
设置文本框的长度 size
设置文本框中最多可以输入的字符数 maxlength
学生姓名:<input type="text" />
<br />
账号密码:<input type="password" />
其中可以看到密码框形状格式和单行文本框都一样,但是输入时是不现实的
单选框 radio
圆形选项
不要忽略name属性
<input type="radio" name="" value="选项"/>
当没有加上name属性的时候,预览是一样的,但是可以多选,几项都可以选上
但是当加上相同name属性的时候只可以选一项
同一组必须加上name属性,才可以只选一项
猫<input type="radio" name="pet" value=""/>
狗<input type="radio" name="pet" value=""/>
那么属性名字都是pet 所以只能选一项
多选框 checkbox
就是方框选项
<input type="checkbox" name="" value="选项"/>
按钮 button或者submit或者reset
就是这种方框
普通按钮 button
<input type="button" value="按钮上的选项" />
提交按钮 submit
一般提交按钮是给服务器提交数据
<input type=" submit" value="按钮上的选项" />
重置按钮 reset
一般是用来清楚用户输入在表单上的内容
<input type=" reset " value="按钮上的选项" />
要注意的是重置按钮只能清除它所在form上的内容
这三种按钮虽然外观上差不多,但是实际功能是不一样的
文件上传 file
文件上传,像QQ邮箱上的上传附件
<input type=" file " />
但是需要配合后端技术
多行文本框
<textarea rows="行数" cols="列数" value="取值">默认内容</textarea>
<form method="post">
讲述自己:<br />
<textarea rows="5" cols="10">介绍一下自己吧</textarea>
</form>
一般多行文本框不使用input标签而是使用textarea标签
下拉列表
下拉列表由select和option两个标签来进行配合表示
具体形式:
<select>
<option>内容2</option>
<option>内容3</option>
<option>内容4</option>
</select>
选项 2 3 4进行展开,当然预览效果你们应该见过这种形式的
属性
设置下拉列表可以选择多项 multip
设置下拉列表显示几个列表项,取值为整数 size
Option标签属性
是否选中 selected
选项值 value
对于value就不多说了
几乎所有的表单都有value属性,这个是供JavaScript使用的
框架
Iframe标签
<iframe src="链接地址" width="宽度" height="高度"></iframe>
这三个属性是必选的
至于还有一些书上的framese frame 等等已经在HTML5标准中被放弃了
至于嵌入多个页面,也就是实现俩个嵌入
HTML初学博客就在这结束了,暑假放弃了一些打王者吃鸡的时间,但是还是很高兴,经常有些人说HTML很简单,简单是简单,都能看懂,但是当实际操作到一定地步时,前往精通的路还是挺难的,接下来自己还是会持续更新css与JavaScript的博客,喜欢的可以关注一下,一起学习,菜鸟互啄,嘿嘿嘿