zoukankan      html  css  js  c++  java
  • form表单

    form知识点:

    action接受的路径
    methon提交传输方式 post get
    input类型
    通用类型
    type:
    text 输入框
    passwold 密码
    radio 单选按钮
    checkbox 多选按钮
    file 上传文件


    按钮
    button submit:<input type="submit">

    不通用类型
    下拉框select
    <select name="" id="">
    <option value="">请选择</option>
    <option value=""></option>
    <option value=""></option>
    <option value=""></option>
    </select>
    textarea 文本框
    checked 默认先选中一个在页面显示

    代码演示:

     1 <!doctype html>
     2 <html>
     3 <head>
     4 <meta charset="utf-8">
     5 <title>无标题文档</title>
     6 </head>
     7 <body>
     8     <form action="" method="post">
     9         账号:<input type="text">    <br>
    10         密码:<input type="password"><br>
    11         生日:<input type="date" name="bir"><br>
    12         性别:<input type="radio" name="sex" checked value="man">&nbsp;<input type="radio" name="sex" value="moman"><br>
    13         兴趣:<input type="checkbox" checked value="lq">篮球<input type="checkbox" value="zq">足球<input type="checkbox" value="pq">排球<br>
    14         爱好:<input type="checkbox" checked value="ly">旅游<input type="checkbox" value="yy">游泳<input type="checkbox" value="ps">爬山<br>
    15         民族<select name="minzu" >
    16                 <option value="hanz">汉族</option>
    17                 <option value="huiz">回族</option>
    18                 <option value="zhuangz">壮族</option>
    19                 <option value="manz">满族</option>
    20         </select><br>
    21         个人介绍
    22         <textarea name="jieshao" id="" cols="30" rows="10"></textarea><br>
    23         上传文件:<input type="file"><br>
    24         <input type="reset"><br>
    25         <button>提交</button><br>
    26         <input type="submit" value="sub提交">
    27     </form>
    28 </body>
    29 </html>


    页面展示效果:
  • 相关阅读:
    childNodes和Children的区别
    解决org.hibernate.QueryException illegal attempt to dereference collection 异常错误
    莆田系医院名单
    SQLite3初级使用
    dwr学习 之 一、dwr+spring的简单集成
    GitHub使用方法(初级)
    MyEclipse中安装SVN插件的最有效的方法
    Firefox下载安装fireBug提示下载出错的解决方案
    音频在线剪截
    解析新第三方登录方式——苹果登录「Sign in with Apple
  • 原文地址:https://www.cnblogs.com/z617182272/p/11308015.html
Copyright © 2011-2022 走看看