ASP.NET中 HTML标签总结及使用

ylbtech-ASP.NET-Control-Basic:HTML标签总结及使用

 ASP.NET中 HTML标签总结及使用。

1.A,运行效果图返回顶部

HTML标签

1，普通按钮： 作用：它需要程序员手动地去提交
2，重置按钮：   作用：清除已填写的所有文本框的内容
3，提交按钮：   作用：表单提交到服务器(特点：带有刷新属性)

4，文本框：
5，密码框：
6，文本域：

7，上传控件：
8，隐藏域：   作用：保存不让用看到参数

9，复选框： 篮球， 足球   注意：同一组要有相同的组名 name="a"
10,单选框： 男 女     注意：同9

11，表格

	表格

12，图片标签：

12_1,图片   12_2，图片按钮


13,下拉框:
13_1,单选下拉框 省份： 山东河北湖南
13_2,多选列表： 山东河北湖南山东河北湖南 提示：Ctrl+单击

14，横线：

---

15，DIV

 

1.B,源代码返回顶部

View Code

<div>
    <h3>HTML标签</h3>
        1，普通按钮：<input id="Button1" type="button" value="button" /> 作用：它需要程序员手动地去提交<br />
        2，重置按钮：<input id="Reset1" type="reset" value="reset" />&nbsp; 
        作用：清除已填写的所有文本框的内容<br />
        3，提交按钮：<input id="Submit1" type="submit" value="submit" />&nbsp; 
        作用：表单提交到服务器(特点：带有刷新属性)<br />
        <br />
        4，文本框：<input id="Text1" type="text" /><br />
        5，密码框：<input id="Password1" type="password" /><br />
        6，文本域：<textarea id="TextArea1" cols="20" name="S1" rows="2"></textarea><br />
        <br />
        7，上传控件：<input id="File1" type="file" /><br />
        8，隐藏域：<input id="Hidden1" type="hidden"  value="ylb"/>&nbsp; 
        作用：保存不让用看到参数<br />
        <br />
        9，复选框：<input id="Checkbox1" type="checkbox" value="篮球" name="aihao"  />篮球，<input 
            id="Checkbox2" type="checkbox" value="足球" name="aihao" checked="checked" />足球&nbsp;&nbsp; 
        注意：同一组要有相同的组名 name=&quot;a&quot;<br />
        10,单选框：<input id="Radio1" type="radio" value="男" checked="checked" name="sex" />男
        <input id="Radio2" type="radio" value="女" name="sex"/>女&nbsp;&nbsp;&nbsp;&nbsp; 
        注意：同9<br />
        <br />
        11，表格<br />
        <table border="3" style="width:100%;">
            <tr>
                <td>
                    &nbsp;</td>
                <td>
                    表格</td>
                <td>
                    &nbsp;</td>
            </tr>
            <tr>
                <td>
                    &nbsp;</td>
                <td>
                    &nbsp;</td>
                <td>
                    &nbsp;</td>
            </tr>
            <tr>
                <td>
                    &nbsp;</td>
                <td>
                    &nbsp;</td>
                <td>
                    &nbsp;</td>
            </tr>
        </table>
        <br />
        12，图片标签：<br />
        <br />
        12_1,图片<img alt="" src="https://i-blog.csdnimg.cn/blog_migrate/55d9a56ecba6f424569761c81f3822bf.jpeg" />&nbsp; 12_2，图片按钮
        <a href="https://i-blog.csdnimg.cn/blog_migrate/a39ec499c190246e182c541542cc561c.jpeg">

        <img title="单击看大图" src="https://i-blog.csdnimg.cn/blog_migrate/a39ec499c190246e182c541542cc561c.jpeg" style="height: 117px; width: 122px" />
        
        </a>
        <br />
        <br />
        <br />
        13,下拉框:<br />
        13_1,单选下拉框
        省份：
        <select id="Select1" name="D1">
            <option value="shandong">山东</option> 
            <option value="hebei">河北</option>
           <option value="hu'nan">湖南</option>
        </select><br />
        13_2,多选列表：<select id="Select2" name="D1" multiple="multiple" >
            <option value="shandong">山东</option>
            <option value="hebei">河北</option>
            <option value="hu'nan">湖南</option>
            <option value="shandong">山东</option>
            <option value="hebei">河北</option>
            <option value="hu'nan">湖南</option>
        </select> 提示：Ctrl+单击<br />
        <br />
        14，横线：<br />
        <hr />
        <br />
        <br />
        15，DIV<br />
        <div style="margin-left: 40px; border:2px solid red; width:100%;">
            &nbsp;</div>
    </div>

1.C,资源下载返回顶部

http://files.cnblogs.com/ylbtech/WebForm-BasicControl-HTML.rar

作者：ylbtech 出处：http://ylbtech.cnblogs.com/ 本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。

<script type="text/javascript"> </script><script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>