表单是一个包含表单元素的区域,用于搜集不同类型的用户输入,

表单使用表单标签<form>定义。

语法:

<form action="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>

html_控件二

html_控件二

2. 隐藏标签

    隐藏域隐藏标签:列表表单元素预先把一组可供选择的数据存储在列表中,以下拉菜单或列表的形式供用户在其中选择,其中name是选项的提示文字,value才是选项的值。

语法:

<input name=”自定义名字” type=hidden id=”自定义id value=”自定义值”/>

打开京东登录页面,可以发现有很多hidden属性的标签:

html_控件二

3. 按钮

语法:

<input type=buttonvalue=“自定义显示内容”>(推荐使用)

或者:

<button type=button>自定义显示内容</button>(不推荐使用)

注意: form表单元素中的按钮使用inputtype=button)form之外的按钮可用button否则会自动提交

(可以理解为在form中的button默认的typesubmit

即,在form表单中,如果是button标签,点击按钮时相当于执行了submit

4. 提交

提交:向服务器传送信息

语法:

<form>

<input name="submit" type="submit" value="提交">

</form>

html_控件二

5. 重置

重置:重置表单中的所有数据

语法:

<form>

<input name=resettype=resetvalue=“重置">

</form>

 

6. 下拉列表

语法:

<h2>下拉列表</h2>

<select name=fruitsize="1">

<option value=apple>苹果</option>

<option value=pearselected>梨子</option>

<option value=banana>香蕉</option>

<option value=peach>桃子</option>

 </select>

html_控件二

html_控件二

相关文章:

  • 2021-06-11
  • 2022-12-23
  • 2022-02-19
  • 2022-12-23
  • 2022-12-23
  • 2021-04-22
  • 2021-12-11
  • 2021-05-04
猜你喜欢
  • 2021-12-04
  • 2021-06-17
  • 2021-12-09
  • 2021-05-31
  • 2021-12-27
  • 2021-06-10
  • 2022-01-15
相关资源
相似解决方案