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>

  • 相关阅读:
    延时提示框(定时器的使用)
    时间对象
    仿站长之家导航(setTimeout的应用)
    倒计时时钟
    简易网页始终
    网页计算器
    两个数字比较大小
    累加按钮,自加1
    用parsetInt解析数字,并求和
    JS布局转换
  • 原文地址:https://www.cnblogs.com/zhaimiaoer/p/5298152.html
Copyright © 2011-2022 走看看