HTML

HTML

简介:

HTML 是用来描述网页的一种语言。

HTML 指的是超文本标记语言 (Hyper Text Markup Language)

HTML 不是一种编程语言,而是一种标记语言 (markup language)

标记语言是一套标记标签 (markup tag)

HTML 使用标记标签来描述网页

HTML对大小写不敏感!

HTML注释:

< !-- This is a 注释 -->

一些常用的标签
<html>定义HTML文档
    
<body>主体
    
    <hr /> 水平线
    <p>
        HTML段落
    </p>
    <br/>换行
</body>
</html>

HTML表单

表单用来收集用户输入

<form>
    表单。
</form>
表单元素:

表 单元素指的是不同类型的imput元素,复选框,单选按钮,提交按钮。

< input >元素

< input>是最重要 的表单元素

< input >元素有很多形态,根据不同的type属性。

类型描述
text定义常规文本输入
radio定义单选按钮输入(选择多个选择之一)
submit定义提交按钮(提交表单)

< input type=“submit”>定义用于向表单处理程序(form-handler)提交表单的按钮。

表单处理程序通常是包含用来处理输入数据的脚本的服务器页面。

表单处理程序在表单的 action 属性中指定:

在这里插入图片描述

Action 属性

action 属性定义在提交表单时执行的动作。

向服务器提交表单的通常做法是使用提交按钮。

通常,表单会被提交到 web 服务器上的网页。

在上面的例子中,指定了某个服务器脚本来处理被提交表单:

<form action="action_page.php">

如果省略 action 属性,则 action 会被设置为当前页面。

Method 属性

method 属性规定在提交表单时所用的 HTTP 方法(GETPOST):

<form action="action_page.php" method="GET">

或:

<form action="action_page.php" method="POST">
Name 属性

如果要正确地被提交,每个输入字段必须设置一个 name 属性。

本例只会提交 “Last name” 输入字段:

实例
<form action="action_page.php">
First name:<br>
<input type="text" value="Mickey">
<br>
Last name:<br>
<input type="text" name="lastname" value="Mouse">
<br><br>
<input type="submit" value="Submit">
</form> 

在这里插入图片描述

用 < fieldset> 组合表单数据

< fieldset> 元素组合表单中的相关数据

< legend> 元素为 < fieldset> 元素定义标题。

在这里插入图片描述

< select> 元素(下拉列表)

< select> 元素定义下拉列表

<select name="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="fiat">Fiat</option>
<option value="audi">Audi</option>
</select>
< button> 元素

< button> 元素定义可点击的按钮

<button type="button" onclick="alert('Hello World!')">
Click Me!</button>

在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值