html组件的代码例子_html

当前位置：首页 > 网页教程 > html > 正文

html组件的代码例子: 发布时间：2020-02-07编辑：脚本学堂

主要阐述html学习基础，html中组件代码演示，处于学习阶段的同学好好看看。

下文一一举例说明html组件，请看如下：
1. 无序列表

复制代码代码示例:

<html>

      <body>

           <h4>一个无序列表的例子 :</h4>

           <ul>

               <li>咖啡</li>

        <li>茶水</li>

        <li>牛奶</li>

     </ul>

      </body>

</html>

2. 有序列表

复制代码代码示例:

<html>

      <body>

          <h4>一个有序列表的例子 :</h4>

           <ol>

               <li>咖啡</li>

        <li>茶水</li>

        <li>牛奶</li>

    </ol>

      </body>

</html>

3 html表单写法的例子
（1）文本域

复制代码代码示例:

<html>

      <body>

      <form>

            名：

             <input type="text" name="firstname">

            <br/>

            姓：

            <input type="text" name="lastname">

      </form>

      </body>

</html>

（2）密码域

复制代码代码示例:

 <html>

       <body>

       <form>

             名：

             <input type="text" name="firstname">

             <br/>

             密码：

             <input type="password" name="password">

       </form>

       <p>请注意当您在密码域中输入字符时，浏览器将使用项目符号来代替这些字符

       </body>

</html>

（3）单选按钮

复制代码代码示例:

 <html>

       <body>

       <form>

            <input type="radio" name="***" value="male"/>男

            <br/>

            <input type="radio" name="***" value="female"/>女

      </form>

      </body>

</html>

（4）复选按钮

复制代码代码示例:

<html>
       <body>
       <form>
            <input type="checkbox" name="bike"/>我有摩托车
            <br/>
            <input type="checkbox" name="car"/>我有自行车
            <br/>
            <input type="checkbox" name="car"/>我有小汽车
      </form>
      </body>
</html>

（5）下拉列表

复制代码代码示例:

<html>
       <body>
             <form>
                   <select name="cars">
                   <option value="volvo">Volvo</option>
                   <option value="saab">Saab</option>
                   <option value="fiat" selected="selected">Fiat</option>
                   <option value="audi">Audi</option>
                   </select>
             </form>

</body>
</html>

（6）按钮

复制代码代码示例:

</body>
</html>

（7）带有输入框和按钮的表单

复制代码代码示例:

<html>
       <body>
            <form action="/example/html/form_action.asp" method="get">
            <p>First name: <input type="text" name="fname" /></p>
            <p>Last name: <input type="text" name="lname" /></p>
            <input type="submit" value="Submit" />
            </form>

<p>请单击确认按钮，输入会发送到服务器上名为 "form_action.asp" 的页面。</p>

</body>
</html>

(8) 框架有可见边框，用户可以拖动边框来改变他的大小，为了避免这种情况的发生，可以在<frame>标签中加入：

noresize="noresize";
<frame noresize="noresize" src="example/frame_a.html">

例子：

复制代码代码示例:

<html>

      <frameset rows="25%,50%,25%">

      <frame noresize="noresize" src="example/frame_a.html">

      <frame src="example/frame_b.html">

      <frame src="example/frame_c.html">

      </frameset>

</html>

以上所述的，简单明了，通俗易懂，收藏了。

上一篇：下拉框制作的几种方法
下一篇：html的header结构内容讲解

与 html组件的代码例子有关的文章

本文标题：html组件的代码例子
本页链接：http://www.jb200.com/article/8297.html

浏览排行

栏目分类

热点文章

html组件的代码例子