HTML表单有关知识点

**

HTML表单有关知识点

**
HTML中表单是实现用户与网页之间信息交互的基础,通过在网页中添加表单可以实现,会员注册,用户登录,提交资料等交互功能。下面让我们一起看一下HTML表单的知识点。
<一>
表单标签
<from> </from>是一个双标签它是定义表单的开始和结束位置,在标签之间一切都属于表单内容
表单控件
输入类的控件一般以<input/>标签开始,在HTML中,<input/>标签是最常用的标签,该标签通常通过设置type属性以实现不同类型的输出控件
例:<input/>的属性
type指定表单元素,可用的选项有 text,password,chexbox,radio,submit,reset,file,button 默认选项为text。
name:给表单命名
checked:定义默认选项
value:此属性是可选属性,它指定表单元素的初始值。但如果type为radio则必须指定一个值 ,value,也可以用来设置显示在按钮上的文字。
<二>
密码框
例:<input type="password" name="密码"/>
<file>文件域:
例:<input type="file" accept=".png"/><accept=".png>只接受.png格式的文件
<radio>单选按钮:
例:
复选框

<input type="checkedbox"/>

<reset>重置按钮;<submit>提交按钮;普通按钮;

`<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> <option> 元素定义待选择的选项。列表通常会把首个选项显示为被选选项。您能够通过添加 selected 属性来定义预定义选项。

                <textarea> 元素

元素定义多行输入字段(文本域):
例:<textarea name="message" rows="10" cols="30">The cat was playing in the garden.</textarea>
以上 HTML 代码在浏览器中显示为:The cat was playing in the garden.

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值