html——表单

------------恢复内容开始------------

复制代码
<form></form>      #定义表单
<input type="text" name="firstname">     #单行文本输入
<input type="radio" name="sex" value="male" checked>Male
#多选一,单选按钮输入
<input type="submit" value="Submit">#提交
action="action_page.php“         #接收数据页面
<form action="action_page.php" method="POST">
#method 属性规定在提交表单时所用的 HTTP 方法
#默认是get最好使用post
#不管什么输入方法当需要提交时name属性是必须的
taget属性
#
_blank             响应显示在新窗口或选项卡中。
_self                     响应显示在当前窗口中。 默认
_parent             响应显示在父框架中。
_top                     响应显示在窗口的整个 body 中。
framename     响应显示在命名的 iframe 中。


autocomplete 属性规定表单是否应打开自动完成功能。
启用自动完成功能后,浏览器会根据用户之前输入的值自动填写值

<select name=""><option></option></select>

<textarea name="message" rows="10" cols="30">文本域</textarea>

<button type="button" onclick="alert('Hello World!')">Click Me!</button>          !按钮
maxlength="10" 最长输入字段
复制代码

 音频

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<a href="song.mp3">Play Sound</a>
 
<script type="text/javascript" src="http://mediaplayer.yahoo.com/js">
</script>             雅虎播放器播放声音
 
<audio controls="controls" height="100" width="100">
  <source src="song.mp3" type="audio/mp3" />
  <source src="song.ogg" type="audio/ogg" />
<embed height="100" width="100" src="song.mp3" />
</audio>           audio元素播放音频
 
<a href="song.mp3">Play the sound</a>
                        超链接播放音频
 
<embed width="320" height="240" src="/i/bookmark.swf" />
                         embed播放视频需要插件
 
<video width="320" height="240" controls="controls" autoplay="autoplay">
  <source src="/i/movie.ogg" type="video/ogg" />
  <source src="/i/movie.mp4" type="video/mp4" />
  <source src="/i/movie.webm" type="video/webm" />
  <object data="/i/movie.mp4" width="320" height="240">
    <embed width="320" height="240" src="/i/movie.swf" />
  </object>
</video>          最佳播放视频方式

  

 

posted @   光璃  阅读(18)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 25岁的心里话
· 按钮权限的设计及实现
点击右上角即可分享
微信分享提示