ASP编程入门进阶（二）：认识表单(2)

日期：2020-05-13 栏目：程序人生浏览：次

参数和“type=text”相类似。

[Ctrl+A 全部选择进行拷贝提示：可先修改部分代码，再点击运行]

3，type=file
当你在BBS上传图片，在EMAIL中上传附件时一定少不了的东西：）
提供了一个文件目录输入的平台，参数有name，size。

[Ctrl+A 全部选择进行拷贝提示：可先修改部分代码，再点击运行]

4，type=hidden
非常值得注意的一个，通常称为隐藏域：如果一个非常重要的信息需要被提交到下一页，但又不能或者无法明示的时候。
一句话，你在页面中是看不到hidden在哪里。最有用的是hidden的值。

[Ctrl+A 全部选择进行拷贝提示：可先修改部分代码，再点击运行]

5，type=button
标准的一windows风格的按钮，当然要让按钮跳转到某个页面上还需要加入写JavaScript代码

[Ctrl+A 全部选择进行拷贝提示：可先修改部分代码，再点击运行]

6，type=checkbox
多选框，常见于注册时选择爱好、性格、等信息。参数有name,value及特别参数checked（表示默认选择）
其实最重要的还是value值，提交到处理页的也就是value。（附：name值可以不一样，但不推荐。）

<form name="form1">
a:<input type="checkbox" name="checkit" value="a" checked><br>
b:<input type="checkbox" name="checkit" value="b"><br>
c:<input type="checkbox" name="checkit" value="c"><br>
</form>
name值可以不一样，但不推荐<br>
<form name="form1">
a:<input type="checkbox" name="checkit1" value="a" checked><br>
b:<input type="checkbox" name="checkit2" value="b"><br>
c:<input type="checkbox" name="checkit3" value="c"><br>
</form>

</div>
      
    <div class="pagess">
    <ul>
    <li><a>共5页: </a></li><li><a href='3042.html'>上一页</a></li><li><a href='3042.html'>1</a></li><li class="thisclass"><a href='#'>2</a></li><li><a href='3042_3.html'>3</a></li><li><a href='3042_4.html'>4</a></li><li><a href='3042_5.html'>5</a></li><li><a href='3042_3.html'>下一页</a></li>
   </ul>
  </div>
      
      <div class="post-nav">
        <div class="nav-left">上一篇：<a href='/3041.html'>从文本文件中读取信息并存储入数据库</a> </div>
        <div class="nav-right">下一篇：<a href='/3043.html'>如何回到先前的页面的方法多中语言 <font color=</a> </div>
      </div>
      <div class="post-copyright">
        <p>内容版权声明：除非注明，否则皆为本站原创文章。</p>
        <p>转载注明出处：<a href="http://www.heiqu.com/3042.html" title="ASP编程入门进阶（二）：认识表单(2)" target="_blank">http://www.heiqu.com/3042.html</a></p>
      </div>
      <section class="related">
        <h3>相关推荐</h3>
        <ul>
         <li><i>2021-04-09</i><span class="top">1</span><a href="/pszzg.html" target="_blank" title="vue.js在标签属性中插入变量参数的方法">vue.js在标签属性中插入变量参数的方法</a></li>
<li><i>2021-04-09</i><span class="top">2</span><a href="/pszwp.html" target="_blank" title="cli 打包时抽离项目相关配置文件详解">cli 打包时抽离项目相关配置文件详解</a></li>
<li><i>2021-04-09</i><span class="top">3</span><a href="/pszwj.html" target="_blank" title="解决iview打包时UglifyJs报错的问题">解决iview打包时UglifyJs报错的问题</a></li>
<li><i>2021-04-09</i><span class="top">4</span><a href="/pszww.html" target="_blank" title="<strong>Ubuntu 编译运行C笔记</strong>"><strong>Ubuntu 编译运行C笔记</strong></a></li>
<li><i>2021-04-09</i><span class="top">5</span><a href="/pszyx.html" target="_blank" title="Android 多线程断点续传下载器">Android 多线程断点续传下载器</a></li>

</ul>
      </section>

</article>
  </main>
  <aside class="sidebar">
    <section class="widget" id="divSearchPanel">
      <h3><i class="icon-th-list"></i> 搜索</h3>
      <div>
        <form  name="formsearch" action="/plus/search.php">
          <input type="text" name="q" size="11"   type="text" id="search-keyword" value="" onfocus="if(this.value=='在这里搜索...'){this.value='';}"  onblur="if(this.value==''){this.value='在这里搜索...';}" />
          <input type="submit" value="搜索" />
        </form>
      </div>
    </section>
    <section class="widget" id="scroll">
      <h3><i class="icon-th-list"></i> 热门文章</h3>
      <ul class="hot-post">
        <li>
          <div class="thumb"><a href="/0e10857252105e3e6010fdab5fcafa04.html" title="<strong>嘎吱作响Creaks视频流程攻略 全解密过法攻略</strong>"><img src="/uploads/allimg/200727/0H3026410_lit.jpg" alt="<strong>嘎吱作响Creaks视频流程攻略 全解密过法攻略</strong>"/></a></div>
          <div class="hot-title"><a href="/0e10857252105e3e6010fdab5fcafa04.html" title="<strong>嘎吱作响Creaks视频流程攻略 全解密过法攻略</strong>"><strong>嘎吱作响Creaks视频流程攻略 全解密过法攻略</strong></a></div>
          <div class="hot-time"><i class="icon-time"></i> 2021-01-24</div>
        </li>
<li>
          <div class="thumb"><a href="/7450367b35f63929c367ba5177eebece.html" title="PHP连接SQLSERVER 注意事项(附dll文件下载)"><img src="/images/random/tb7.jpg" alt="PHP连接SQLSERVER 注意事项(附dll文件下载)"/></a></div>
          <div class="hot-title"><a href="/7450367b35f63929c367ba5177eebece.html" title="PHP连接SQLSERVER 注意事项(附dll文件下载)">PHP连接SQLSERVER 注意事项(附dll文件下载)</a></div>
          <div class="hot-time"><i class="icon-time"></i> 2020-10-12</div>
        </li>
<li>
          <div class="thumb"><a href="/ade0a61af45be9a357a9ea7a656c51a2.html" title="自动构建平台jenkins使用"><img src="/images/random/tb13.jpg" alt="自动构建平台jenkins使用"/></a></div>
          <div class="hot-title"><a href="/ade0a61af45be9a357a9ea7a656c51a2.html" title="自动构建平台jenkins使用">自动构建平台jenkins使用</a></div>
          <div class="hot-time"><i class="icon-time"></i> 2020-07-27</div>
        </li>
<li>
          <div class="thumb"><a href="/f199a1e391c7ca83f842617a1deb34b0.html" title="vue发送ajax请求详解"><img src="/images/random/tb19.jpg" alt="vue发送ajax请求详解"/></a></div>
          <div class="hot-title"><a href="/f199a1e391c7ca83f842617a1deb34b0.html" title="vue发送ajax请求详解">vue发送ajax请求详解</a></div>
          <div class="hot-time"><i class="icon-time"></i> 2020-12-22</div>
        </li>
<li>
          <div class="thumb"><a href="/d27832c83a4f674e4abd0c288bcdc73a.html" title="详解jQuery中的prop()使用方法"><img src="/images/random/tb20.jpg" alt="详解jQuery中的prop()使用方法"/></a></div>
          <div class="hot-title"><a href="/d27832c83a4f674e4abd0c288bcdc73a.html" title="详解jQuery中的prop()使用方法">详解jQuery中的prop()使用方法</a></div>
          <div class="hot-time"><i class="icon-time"></i> 2020-10-10</div>
        </li>

</ul>
    </section>
    <section class="widget">
      <h3><i class="icon-th-list"></i> 热评文章</h3>
      <ul class="hot-post">
        <li>
          <div class="thumb"><a href="/pszzg.html" title="vue.js在标签属性中插入变量参数的方法"><img src="/uploads/allimg/200606/1Q9303356_lit.jpg" alt="vue.js在标签属性中插入变量参数的方法"/></a></div>
          <div class="hot-title"><a href="/pszzg.html" title="vue.js在标签属性中插入变量参数的方法">vue.js在标签属性中插入变量参数的方法</a></div>
          <div class="hot-time"><i class="icon-time"></i> 2021-04-09</div>
        </li>
<li>
          <div class="thumb"><a href="/pszwp.html" title="cli 打包时抽离项目相关配置文件详解"><img src="/uploads/allimg/200606/1QU0JK_lit.jpg" alt="cli 打包时抽离项目相关配置文件详解"/></a></div>
          <div class="hot-title"><a href="/pszwp.html" title="cli 打包时抽离项目相关配置文件详解">cli 打包时抽离项目相关配置文件详解</a></div>
          <div class="hot-time"><i class="icon-time"></i> 2021-04-09</div>
        </li>
<li>
          <div class="thumb"><a href="/pszwj.html" title="解决iview打包时UglifyJs报错的问题"><img src="/uploads/allimg/200606/1QP13141_lit.jpg" alt="解决iview打包时UglifyJs报错的问题"/></a></div>
          <div class="hot-title"><a href="/pszwj.html" title="解决iview打包时UglifyJs报错的问题">解决iview打包时UglifyJs报错的问题</a></div>
          <div class="hot-time"><i class="icon-time"></i> 2021-04-09</div>
        </li>
<li>
          <div class="thumb"><a href="/pszww.html" title="<strong>Ubuntu 编译运行C笔记</strong>"><img src="/images/random/tb5.jpg" alt="<strong>Ubuntu 编译运行C笔记</strong>"/></a></div>
          <div class="hot-title"><a href="/pszww.html" title="<strong>Ubuntu 编译运行C笔记</strong>"><strong>Ubuntu 编译运行C笔记</strong></a></div>
          <div class="hot-time"><i class="icon-time"></i> 2021-04-09</div>
        </li>
<li>
          <div class="thumb"><a href="/pszyx.html" title="Android 多线程断点续传下载器"><img src="/uploads/allimg/200606/1Q6126310_lit.png" alt="Android 多线程断点续传下载器"/></a></div>
          <div class="hot-title"><a href="/pszyx.html" title="Android 多线程断点续传下载器">Android 多线程断点续传下载器</a></div>
          <div class="hot-time"><i class="icon-time"></i> 2021-04-09</div>
        </li>

</ul>
    </section>
    
  </aside>
</div>
<footer class="footer">

<p>Copyright © 2020 黑区网络 版权所有 longwanglaozi@gmail.com 主题由 <a href="http://www.heiqu.com" title="黑区网络" target="_blank">黑区网络</a> 制作.  ICP备案:<a href="https://beian.miit.gov.cn/" target="_blank"> 京ICP备14015190号-4</a></p>

<p>友情链接：<a href="http://www.fulingjiang.cn" title="傅令江的个人博客" target="_blank">傅令江的个人博客</a> </p>

</div>

</footer>

$(document).ready(function(){

$(".post .thumb img,.entry img").lazyload({

placeholder : "/style/images/grey.gif",

effect      : "fadeIn"

});

</script>