zoukankan      html  css  js  c++  java
  • html 表单单选、复选、下拉、文件选择、其他属性及框架中的知识等

    1、HTML中表单的选择类有单选、复选、下拉、文件选则4种。

    ----------------(1)单选类 type="radio"

    <form action="http://www.baidu.com" method="get">

    性别:<input type="radio" name="sex" value="1" checked="checked"/>男<!--name一样-->
    <input type="radio" name="sex" value="0"/>女
    <input type="submit" value="提交" /><!--提交按钮-->                       

    </form>

    其中value的值不能一样,name的值一样

    效果图:

    -----------------(2)复选type=“checkbox”

    <input type="checkbox" name="" id="" value="" />济南
    <input type="checkbox" name="" id="" value="" checked="checked" />淄博
    <input type="checkbox" name="" id="" value="" checked="checked"/>青岛
    <input type="checkbox" name="" id="" value="" />滨州<!--复选框-->

    其中checked="checked"作用是默认青岛和淄博被选中

    其运行结果图:

    -------------(3)下拉<select>   <option value="zd">地点或者别的内容 </option>(代表项)       <select>代表下拉   

    <select name="chian"><!--下拉列表-->
    <option value="zd">张店</option>
    <option value="lz">临淄</option>
    <option value="xd" selected="selected">辛店</option><!--下拉选项中辛店为显示的选项-->
    <option value="bs">博山</option>
    <option value="ht">桓台</option>
    </select>

    下拉里面的内容有张店、临淄、辛店、博山等,其中selected="selected"是使辛店成为第一个在不选择时显示的内容

    效果图:

    ----------(4)文件选择type="file"

    <input type="file" name="upfile" value=""/><!--选择文件-->

    效果图:

    2、其他属性:readonly只读,可以提交value的值、disabled可以提交value的值、cheched单选按钮中默认选中、selected下拉列表中 设置那一项选中

    用法:

    -------------(1)

    姓名:<input type="text" name="form" id="" value="杨杨" readonly="readonly"/><!--描述:提交的value的值,只能读不能写-->
    </p>
    <p>
    姓名:<input type="text" name="form" id="" value="杨杨" disabled="disabled"/><!--不能提交value的值-->

    效果图:

    3、框架<frameset>、iframe

    ----------------(1)<frameset></frameset>注意:使用时当前页面不能有<body>标签

    ----------------cols=“300,*”             代表左右拆分,左边宽300,剩余的全是右边的

    ----------------rows=“300,*”            代表上下拆分,上边宽300,剩余的全是下面的

    ----------------frameborder               代表边框

    -----------------<frame>                  src 框架要显示的页面地址      scroling=“yes/on”代表滚动条

    效果图如下:

           

    4、其他如marquee滚动效果action(left ightdownup四种方向) 及<hr>做分割线等

    效果:

  • 相关阅读:
    1063. Set Similarity
    A1047. Student List for Course
    A1039. Course List for Student
    最大公约数、素数、分数运算、超长整数计算总结
    A1024. Palindromic Number
    A1023. Have Fun with Numbers
    A1059. Prime Factors
    A1096. Consecutive Factors
    A1078. Hashing
    A1015. Reversible Primes
  • 原文地址:https://www.cnblogs.com/yang1182/p/9451719.html
Copyright © 2011-2022 走看看