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

Web前端 ---HTML语言表格(day003)

程序员文章站 2022-04-18 20:58:05
...

表单

<form>标签:表单

网页表单中有许多可以输入或选择的组件,用户可以在表单中填写信息,最终提交表单,可以客户端数据提交至服务器。action是递交的服务器地址 method是提交方法,有post和get。这里采用post方式<form action="网页链接地址" method="post">内容<form/>

表单的文本部分

需要用到的标签:

<label for="name值">内容</label> ,该标签作用是点击内容时跳转至name值对应的文本框。

<input type="类型" id="userid" name="username" value="本标签的默认值" size="20" readonly="readonly" placeholder="请输入" disable="disable"/>其中type是类型,一般有text(单行文本框),id是该标签的id, name和value是给服务器端递交的信息,name是可重复的,value是值 。size是文本框的尺寸。<readonly="readonly">是让文本框只读。<placeholder="请输入">是在无输入时的提示信息。<disable="disable">是禁用文本框,内容变为灰色不可用。

input基本语法

1.密码框<input type="password" value="123456" sizr="number"/>当type是password时,单行文本框输入将以黑色圆点形式显示。value是初始密码,size是密码区的宽度。

2.单选框<input type="radio" value="男" checked="checked"/>当type是radio时,是单选选项。value是初始值,name须相同。<checked="checked">是默认选项。单选时必须填写value值。

例如:

<form>
				男:<input type="radio" value="男"checked="checked" name="1"/>
				女:<input type="radio" value="" name="1"/>
			</form>

创建了一个单选。

3.多选框<input type="checkbox" value="默认值" name="复选框框名"/>当type为checkbox时是创建一个复选框,value是默认值,name须相同。name相同时为一组,才能构成多选。

			<form>
				游戏<input type="checkbox" value="游戏" name="hobit" id="game" />
				编程<input type="checkbox" value="编程" name="hobit" id="program" />
				学习<input type="checkbox" value="学习" name="hobit" id="study" />
			</form>

4.文件选择框<input type="file" name="img"/ accept=".文件后缀名,.文件后缀名...">当type为file时,创建一个文件选择框。name是文件选择框的名。

5.下拉框<select name="名"><option></option></select>

创造一个下拉框。

<form>
	<select>
		<option>请选择</option>
	</select>
</form>

6.多行文本域<textarea cols="number" rows=""></textarea>

创造一个多行文本域。cols是列长度,rows是行长度。

7.<input type="reset" name="按钮名称" value="按钮上显示的资=字">`当type为reset时,创建一个重置按钮。重置表单内容为默认值。

8.<input type="submit" value="按钮上显示的内容">当type为submit时,创建一个提交按钮。value是按钮上的显示内容

9.<input type="button" value="按钮">当type为button时,创建一个普通按钮,只能被点击触发事件用。

内联框架

内联框架

<iframe src="初始界面的地址" name="内联框架的名称。"width="宽度" height="高度" frameborder="内联框架的边框厚度。"></iframe>

在你的页面中内嵌一个网页。src为初始显示页面的地址,name为你内嵌窗口的名称。若要用内嵌窗口打开超链接可用:<a href="网页地址"target="内联框架name值"></a>

作者联系方式:
qq945677662
vxa2482466921
如有错误,请帮忙指正,大家一起交流哈

相关标签: 1024程序员节