• HTML表单


    HTML 表单 
    
    
    
    
     经常看到图片的某个部位可以做链接,今天学到了~
    
    <img src="8124.jpg" usemap="#map" border="0" /><!--给图片的某个区域做链接-->
    <map name="map"><!--给图片命名-->
    <area shape="circle" coords="200,200,50" href="http://www.baidu.com/" /><!--设置形状shape,坐标coords,和链接-->
    <area shape="rect" coords="200,200,300,360" href="http://www.baidu.com/" />
    </map><br />
    
     
    
    div标签也可以做链接的---iframe:在原来页面嵌入小窗口显示其他页面
    
    <div style="height:300px; 400px; border:1px; #666 solid">
    <iframe width="600px" height="300" src="file:///C:/Users/lenovo/Desktop/%E7%BF%9F%E5%96%B5%E5%84%BF%E7%9A%84%E7%AE%80%E5%8E%86.htm" frameborder="1"></<form id="" name="" method="post/get" action="负责处理的服务端">  id不可重复,name可重复,get提交有长度限制,并且编码后的内容在地址栏可见,post提交无长度限制,并且编码后内容不可见。
    
    1.文本输入
    
     
    
    文本框<input type="text" value="" disabled="disabled"/><br />
    
    密码框<input type="password" /><br />
    
    文本域<textarea cols="50"<!--字符多少--> rows="30"<!--几行高-->></textarea><br />
    
     
    
    2.按钮输入
    
     
    
     
    
    提交后会恢复默认值<input type="submit" value="提交" /><br />
    
    重置按钮<input type="reset" value="重置" /><br />
    普通按钮<input type="button" value="" /><br />
    图片按钮<input type="image" src="8124.jpg" width="50"/>
    
     
    
    2.选择输入
    
     
    
    单选
    <input type="radio" name="sex" /><label>男</label><br />name一样是一组
    
     
    
    <input type="radio" name="sex" />女<br />
    
    
    
     
    
     
    
    复选
    <input type="checkbox" />鸡腿,也可以设定一组name<br />
    <input type="checkbox" />鸡米花<br />
    <input type="checkbox" />可乐<br />
    
    会有三个选择的按钮
    
     
    
    <input type="file" />浏览<br />
    
     
    
     
    
    <select size="1"><!--如果变成3,则会同时出现3个,没有下拉按钮了--> 
    <option>kele</option>
    <option>coffee</option>
    <option selected="selected">shui</option>
    </select>
    
  • 相关阅读:
    js-禁止微信H5页面点击右上角菜单时出现“复制链接”,且分享仅支持微信分享
    js-获取用户移动端网络类型:wifi、4g、3g、2g...
    小程序-云开发部署流程(步骤二)
    小程序-(报错)请使用 2.2.3 或以上的基础库以使用云能力(步骤一)
    解决iOS10的Safari下Meta设置user-scalable=no无效的方法
    领域驱动, 事件驱动,测试驱动
    spring web项目中整合netty, akka
    why rpc
    nginx配置https证书
    org.apache.http.NoHttpResponseException
  • 原文地址:https://www.cnblogs.com/xingfudehuanyan/p/5317237.html
Copyright © 2020-2023  润新知