码迷,mamicode.com
首页 > Web开发 > 详细

表单+文件上传+音频+iframe

时间:2019-06-16 22:02:54      阅读:164      评论:0      收藏:0      [点我收藏+]

标签:eset   文本   type   sub   person   按钮   默认值   man   store   


一、表单及其标签
首先书写结构
<form action="表单提交地址" menthod=“post get提交方式”>  form只是外边框
<inpu type=“表单元素的类型” name=“键” value=“值”>
                          表单元素:
        文本类型:
          文本框:text   可不规定value值 规定即锁定数值
          密码框:password   可不规定value值
          隐藏域:hidden
          多行文本:textarea
        选择域:  可添加lable
          单选:radio  设定好,name值,需要相同
          多选:checkbox   checkbox 默认选中
          下拉:<select name="键">
                                              <option value="值1">第一条</option>
                                              <option value="值2">选第二条</option>
                                              <option value="值3">第三条</option>
                                            </select>
        按钮:
          补充按钮:button  普通按钮,后续js可添加事件
          提交按钮:submit
          重置:reset
                         file:上传内容
内嵌框架标签,可以嵌套网站,如百度,搜狗等
                        格式:
        <iframe src=“要嵌套的地址,如https:www.baidu.com” framborder=“0 or1 1是有边框” name=“你的框架名字”>
                                            可制作选项卡
                   </iframe><
 
视频
                       <video>
                       controls控制条
                       loop自动播放
                        autoplay自动播放
                       <video
例子:
<video>
src="https://fus.cdn.krcom.cn/001T9UXslx07smQ9hJ0s0104120iERmH0E070.mp4?label=mp4_1080p&template=1920x1080.20.0&Expires=1560582267&ssig=RgYwkYNdF7&KID=unistore,video"
controls loop autoplay>
    
</video>

   案例:

<form action="#" method="post"><!--只安排自己的form区域的-->
    用户名:<input type="text" name="user" placeholder="请输入用户名"><br>
    <!--行内标签,value默认值一般不写-->
    密码:<input type="password" name="pwd" placeholder="请输入密码"><br>
    <input type="hidden" name="hide" value="123">
   
    性别:
    <label>男:<input type="radio" name="sex" value="man" checked="checked"></label>
    <label>女:<input type="radio" name="sex" value="woman"></label>
    <br>
     爱好:
   <label>足球:<input type="checkbox" name="hobby" value="zq" checked></label>
   <label>篮球:<input type="checkbox" name="hobby" value="laq"></label>
   <label>排球:<input type="checkbox" name="hobby" value="pq"></label>
         <label></label>
          <br>
     文件上传:
         <input type="file"><br>
      城市:
         <select name="city" size="3">
             <option value="zb">淄博</option>
             <option value="bj" selected>北京</option>
             <option value="sh">上海</option>
             <option value="bj">北京</option>
             <option value="sh">上海</option>
         </select>
         <br>
         <textarea name="person" cols="50" role="10"> </textarea>
          <input type="submit" value="提交">
    <input type="reset" value="重置">
    <input type="button" value="普通按钮">
   
</form>

 


    

表单+文件上传+音频+iframe

标签:eset   文本   type   sub   person   按钮   默认值   man   store   

原文地址:https://www.cnblogs.com/a199706/p/11032880.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!