前端开发学习笔记-2-html

（6）有序无需列表【可以嵌套使用】

<ul>  <!--已被取代，使用后面的css代码-->   <ul style="list-style-type:disc">   【disc点、circle圆、square方】

　　<li>无序号</li>

　　<li>无序号</li>

</ul>

<ol type="A">        <!--从A开始编号-->

　　<li>有序号</li>

　　<li>有序号</li>

</ol>

<dl>       <!--自定义列表-->

<dt>自定义标题</dt>

<dd>自定义内容</dd>

</dl>

 

（7）区块元素【同类标签<table>】

<div id="menu" style="background-color:#FFD700;width:200px;height=500px;float:left;">     <!--  设置块的属性 -->

<b>菜单</b><br>

烧茄子<br>

勺子<br>

</div>

<div id="footer" style="clear:both;text-align:center;">

版权</div>

<span></span>     <！-- 局部属性设定 -->

 例如：<span style="color:blue;font-weight:bold">蓝色</span>

 

（8）表单[默认20字符]

<form action="">

First name: <input type="text" name="firstname"><br>        <!-- 文本  -->
Last name: <input type="text" name="lastname">

Username: <input type="text" name="user"><br>         <!-- 密码  -->
Password: <input type="password" name="password">

<input type="radio" name="sex" value="male">男<br>           <!-- 单选  -->
<input type="radio" name="sex" value="female">女

<input type="checkbox" name="vehicle" value="Bike">我喜欢自行车<br>           <!-- 多选  -->
<input type="checkbox" name="vehicle" value="Car">我喜欢小汽车

</form>

 

 

<form name="input" action="html_form_action.php" method="get">            <!-- 提交  -->
Username: <input type="text" name="user">
<input type="submit" value="Submit">

<input type="button" value="Hello world!">            <!-- 创建一个按钮 -->
</form>

 

 

 

<!-- 以下表单使用 GET 请求发送数据到当前的 URL，method 默认位 GET。 -->
<form>
  <label>Name:
    <input name="submitted-name" autocomplete="name">
  </label>
  <button>Save</button>
</form>

<!-- 以下表单使用 POST 请求发送数据到当前的 URL。 -->
<form method="post">
  <label>Name:
    <input name="submitted-name" autocomplete="name">
  </label>
  <button>Save</button>
</form>

 

 

<!-- 表单使用 fieldset, legend, 和 label 标签 -->
<form method="post">
  <fieldset>
    <legend>Title</legend>
    <label><input type="radio" name="radio"> Select me</label>
  </fieldset>
</form>

 

 

<form action="">                        <!-- 下拉菜单 -->
<select name="cars">
<option value="volvo">Volvo</option>

<option value="fiat" selected>Fiat</option>    <!-- 预选fiat -->
<option value="audi">Audi</option>
</select>
</form>

 

 

<textarea rows="10" cols="30">    <!-- 文本框 -->
我是一个文本框。
</textarea>

 

 

<form action="">                            <!-- 文本域框框上的文字 -->
<fieldset>
<legend>Personal information:</legend>
Name: <input type="text" size="30"><br>
E-mail: <input type="text" size="30"><br>
Date of birth: <input type="text" size="10">
</fieldset>
</form>

 

 

<form action="demo-form.php" method="get">              <!-- 带有复选框的表单 -->
<input type="checkbox" name="vehicle[]" value="Bike"> I have a bike<br>
<input type="checkbox" name="vehicle[]" value="Car" checked="checked"> I have a car<br>
<input type="submit" value="提交">
</form>

 

 

<form action="MAILTO:someone@example.com" method="post" enctype="text/plain">
Name:<br>
<input type="text" name="name" value="your name"><br>
E-mail:<br>
<input type="text" name="mail" value="your email"><br>
Comment:<br>
<input type="text" name="comment" value="your comment" size="50"><br><br>
<input type="submit" value="发送">
<input type="reset" value="重置">
</form>

 

标签：fieldset,Name,自定义,text,笔记,label,html,前端开发,name
来源： https://www.cnblogs.com/cood/p/16378508.html