• html表格表单标签的结合


    今天我尝试将表格表单基本标签结合起来放在网页中,发现再没用表单元素中<form></form>时各类标签功能都可显示,只是不能提交网页,所有与提交网页的标签都不能使用提交功能,而且按钮类的功能都不能实现,其他的可以使用

    <td height="300">
       
         输入用户名<input  type="text" name="1" value=""/><br />
         输入密码<input  type="password" name="mm" value=""/><br />
         所在地<select>
         <option>淄博</option>
         <option>济南</option>
         <option>青岛</option>
         <option>烟台</option>
         </select> <br />
        选择你喜欢的诗人<br />
        <input type="checkbox" name="ck[]" value="李清照" />李清照
        <input type="checkbox" name="ck[]" value="陆游" />陆游
        <input type="checkbox" name="ck[]" value="杜甫" />杜甫
        <input type="checkbox" name="ck[]" value="纳兰性德" />纳兰性德<br />
        <textarea cols="50" rows="20"> </textarea>
        <input type="submit" value="提交" />
        <input type="button" value="登陆" />
        <input type="reset" value="重置" />
        
        
        </td>

    将表格用于网页底部的规划,使用各个标签的使用,发现自己对于body的属性忽略了,在想增加背景颜色时竟然想不到怎样添加了。还有就是对于表单元素的按钮的使用不熟练。

    <body bgcolor="#CC0000">
    <a name="222"></a>
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td height="50">
        <h1><center>诗集</center></h1>
        
        </td>
      </tr>
      <tr>
        <td height="300">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td height="300">
            <h1>木兰词·拟古决绝词柬友</h1>
    <font color="#003366" size="+1">人生若只如初见,何事秋风悲画扇。<br />
    等闲变却故人心,却道故人心易变。<br />
    骊山语罢清宵半,泪雨霖铃终不怨。<br />
    何如薄幸锦衣郎,比翼连枝当日愿。<br /></font></td>
            <td><h1><center>临江仙·寒柳</center></h1>
            <font color="#003366" size="+1">飞絮飞花何处是,层冰积雪摧残,疏疏一树五更寒。<br />爱他明月好,憔悴也相关。<br />
    最是繁丝摇落后,转教人忆春山。<br />湔裙梦断续应难。西风多少恨,吹不散眉弯。<br /></font></td>
            <td><h1>山花子·风絮飘残已化萍</h1>
           <font color="#003366" size="+1"> 风絮飘残已化萍,泥莲刚倩藕丝萦。<br />珍重别拈香一瓣,记前生。<br />
    人到情多情转薄,而今真个不多情。<br />又到断肠回首处,泪偷零。<br /></font>
    </td>
          </tr>
        </table></td>
      </tr>
      <tr>
        <td height="300">
       <form action="2.html" target="_blank" method="post">
         输入用户名<input  type="text" name="1" value=""/><br />
         输入密码<input  type="password" name="mm" value=""/><br />
         所在地<select>
         <option>淄博</option>
         <option>济南</option>
         <option>青岛</option>
         <option>烟台</option>
         </select> <br />
        选择你喜欢的诗人<br />
        <input type="checkbox" name="ck[]" value="李清照" />李清照
        <input type="checkbox" name="ck[]" value="陆游" />陆游
        <input type="checkbox" name="ck[]" value="杜甫" />杜甫
        <input type="checkbox" name="ck[]" value="纳兰性德" />纳兰性德<br />
        <textarea cols="50" rows="20"> </textarea>
        <input type="submit" value="提交" />
        <input type="button" value="登陆" />
        <input type="reset" value="重置" />
        
        </form>
        </td>
        
      </tr>
      <tr>
        <td height="50"><a href="2.html"><img src="新建文件夹/QQ图片20170603113534.jpg"/></a></td>
      </tr>
    </table>
    <a href="#222">回到顶部</a>
    </body>

     

  • 相关阅读:
    js对象的sessionStorage,判断对象相等,判断是否包含某属性
    vant-ui的van-area使用
    JavaScript返回格式化的时间字符串
    vant-ui的van-uploader上传图片
    移动端vue页面禁止移动/滚动
    vue项目中的跨域源请求拦截问题CORS头缺少'Access-Control-Allow-Origin'
    项目开发过程中踩坑和填坑
    周报
    构建一个最简单的react程序
    Socket实现简易“多人聊天室”
  • 原文地址:https://www.cnblogs.com/NCL--/p/6957790.html
Copyright © 2020-2023  润新知