zoukankan      html  css  js  c++  java
  • 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"></iframe>
    </div>

    表单

    <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>

  • 相关阅读:
    Magento入门开发教程
    Magento文件系统目录结构
    正则匹配获取HTML图片地址,正则匹配获取HTML内容
    php+phpspreadsheet读取Excel数据存入mysql
    PHP遍历一个文件夹下所有文件和子文件夹的函数
    前端实现在线预览pdf、word、xls、ppt等文件
    微服务架构的基础框架选择
    Linux性能优化实战学习笔记:第五十八讲
    Linux性能优化实战学习笔记:第五十六讲
    Linux性能优化实战学习笔记:第五十五讲
  • 原文地址:https://www.cnblogs.com/zhaimiaoer/p/5298152.html
Copyright © 2011-2022 走看看