HTML入门笔记四之HTML表单元素

最新推荐文章于 2022-07-12 19:19:28 发布

veaglefly

最新推荐文章于 2022-07-12 19:19:28 发布

阅读量530

点赞数

分类专栏： Web前端文章标签： HTML入门笔记 html表单元素 HTML

本文链接：https://blog.csdn.net/u012675743/article/details/41732943

版权

Web前端专栏收录该内容

9 篇文章 0 订阅

订阅专栏

一，表单元素介绍。(重点)

我们需要吧一些数据提交给服务器处理，比如注册用户，发帖，，，这要就需要使用到表单元素。常见的有：输入框，单选框，复选框，文本域，密码框，上传文件.

基本结构：

类型=text,password,checkbox,radio,image,hidden.submit,reset

名字 = Symbolic name for CGI script

Name 的值可以任意，但是不要使用关键字。

一般说，表单元素是被<form>包含起来的。

案例代码：

<html>
<head>
<title>登陆页面</title>
</head>
<body>
<!--action的值是提交给那个页面的url-->
<!--methed方法是提交数据的方式，常用的有两种get、post-->
<form action = "ok.html" method = "get">
 
用户名：<input type ="text" name = "username"><br/>
密  码：<input type = "password" name = "password"><br/>
<input type = "submit"value = "登录系统">
<input type = "reset" value = "重新填写"></form>
</body>
 
</html>

请考虑：如果我们希望偷偷的提交数据，不要影响页面效果，可以考虑使用隐藏域。

下拉列表

</select><br/>

*多选下拉表

图片按钮

整个案例代码：

<html>
<head><title>表单元素</title></head>
<body>

<fieldset style= "width:300px">
<legend>登录信息</legend>
<form>
<label>用户名：<input type = "text" name = "username" maxlength = "12"></input><br/>
<label>密  码: <input type = "password" name = "password" maxlength = "16"></input>
</form>
</fieldset>
<form action = "ok.html" method = "get">
您最喜欢那些城市？
<!--默认选中-->
<input type = "checkbox" name = "cities" value = "beijing" checked>北京
<input type = "checkbox" name = "cities" value = "shanghai">上海
<input type = "checkbox" name = "cities" value = "lundun">伦敦
<br/>
您的性别是:
<!--name相同-->
<input type = "radio" name = "sex">男
<input type = "radio" name = "sex">女

<br/>
隐藏域的使用
<input type = "hidden" name = "data" value = "ok">
<br/>下拉列表<br/>
请选择您的出生地：
<select name = "address">
<option value = "sichuan">四川</option>
<!--默认北京-->
<option value = "beijing" selected>北京</option>
<option value = "xizang">西藏</option>
</select><br/>
<!--文本域-->
<textarea name = "mytextarea" cols = "40" rows = "20">请输入。。
</textarea><br/>
<!--文件上传的控件-->
<input type = "file" name = "myfile">文件上传<br/>
<input type = "submit" value = "测试">
<!--这是一个图片按钮-->
<input type = "image" src = "em01.gif">
<marquee direction = "right" ><b> 欢迎光临！</b></marquee><br/>
<marquee direction = "left"> 谢谢惠顾！</maequee><br/>
<marquee behavior = "alternate" scrollamount = "20"> <img src = "me.jpg" width = "50px"> </maequee><br/>
</form>
</body>
</html>

其他标记

背景音乐：

<bgsoundsrc = #> # = 文件的url;

<bgsoundloop = #> # = 循环数；

嵌入多媒体文本：

本标记可以用来在主页嵌入多媒体文本，movies,sounds, 虚拟现实语言(vrml) …….*需要把plugin安装完备。

插入视频剪辑

用url.avi这一avi 文件来播放视频；用gif图像来作为视频的封面，即在浏览器尚未完全读入avi文件时，先在avi播放区域显示该图像。

何时开始播放avi

<img start= #> # = fileopen ,mouseover

Fileopen 即在链接到本标记的页面时开始播放avi。

也可以同时设置：<imgstart = fileopen mouseover>

另外，用鼠标在播放区域点击一下，也令浏览器开始播放该avi。

veaglefly

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
HTML入门笔记四之HTML表单元素

一，表单元素介绍。(重点)我们需要吧一些数据提交给服务器处理，比如注册用户，发帖，，，这要就需要使用到表单元素。常见的有：输入框，单选框，复选框，文本域，密码框，上传文件. 基本结构：类型=text,password,checkbox,radio,image,hidden.submit,reset名字 = Symbolic name for CGI script
复制链接

扫一扫