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

来源：互联网发布：打卡是什么意思网络编辑：程序博客网时间：2024/05/22 04:56

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

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

基本结构：

类型=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。

0 0