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

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

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

7，type=radio
即单选框，出现在多选一的页面设定中。参数同样有name,value及特别参数checked.
不同于checkbox的是，name值一定要相同，否则就不能多选一。当然提交到处理页的也还是value值。

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

8，type=image
比较另类的一个，自己看看效果吧，可以作为提交式图片

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

9，type=submit and type=reset
分别是“提交”和“重置”两按钮
submit主要功能是将Form中所有内容进行提交action页处理，reset则起个快速清空所有填写内容的功能。

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

Input的Type总结下来有10个，还是不少的，呵呵

三，接着再来看Select相关
Select主要要来做下拉菜单，跳转菜单，（下拉）列表。
其本身有内嵌代码<option>...</option>，option参数value值为传递被处理的值，option还有参数selected，表示默认被选中的。
1，下拉菜单
只是菜单式显示。

<form name="form1">
<select name="selectwhat">
 <option value="a">aaa</option>
 <option value="b">bbb</option>
 <option value="c" selected>ccc</option>
</select>
</form>
<script>
alert("菜单的默认选取值是 "+document.form1.selectwhat.value)
</script>

</div>
      
    <div class="pagess">
    <ul>
    <li><a>共5页: </a></li><li><a href='3042_2.html'>上一页</a></li><li><a href='3042.html'>1</a></li><li><a href='3042_2.html'>2</a></li><li class="thisclass"><a href='#'>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_4.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编程入门进阶（二）：认识表单(3)" 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="/ade0a61af45be9a357a9ea7a656c51a2.html" title="自动构建平台jenkins使用"><img src="/images/random/tb16.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="/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/tb16.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="/f199a1e391c7ca83f842617a1deb34b0.html" title="vue发送ajax请求详解"><img src="/images/random/tb7.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/tb6.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>