大家快来看啊-------html表单(续篇)

HTML表单元素

1.method和action是什麽意思。

<form method="post"(发送表单数据)action=""(向何处发送表单数据)></form>

2.< select > 元素(下拉列表)
(1).您可以通过 selected 属性预选择某些选项。

<select name="">
<option value="1">1</option>
<option value="2">2</option>
<option value="3" selected>3</option>
<option value="4">4</option>
</select>

3.< textarea > 元素定义文本域

<textarea name="message" rows="10" cols="30">
 这里是文本框
</textarea>

4.标题标签

<h1>我最帅 1</h1>
<h2>我最帅 2</h2>
<h3>我最帅 3</h3>
<h4>我最帅4</h4>
<h5>我最帅 5</h5>
<h6>我最帅 6</h6>

5.点击出现弹框

<button type="button" onclick="alert('Hello!')">点击</button>

6.文本框输入关键字,会出现相关内容列表
< datalist > 元素为 < input > 元素规定预定义选项列表。
用户会在他们输入数据时看到预定义选项的下拉列表。
< input > 元素的 list 属性必须引用 < datalist > 元素的 id 属性。这样才能使用。

<form action="">
<input list="down">
<datalist id="down">
   <option value="123">
   <option value="234">
   <option value="345">
   <option value="456">
   <option value="567">
</datalist> 
</form>

HTML表单控件续

这里是续上之前的笔记,不知道的同学点一下后面的链接查看html表单基础篇
input属性(补充):

属性描述
< input type=“date” name=“bday” >日期选择器(年月日)
< input type=“month” name="">日期选择器(年月)
< input type=“week” name="">日期选择器(年 周)
< input type=“time” name="">日期选择器(时 分)
< input type=“date” name=“bday” max=“2020-4-2”>只能选择该日期之前的日子
< input type=“date” name=“bday” min=“2020-4-2”>只能选择该日期之后的日子
< input type=“color” name="" value="#ff0000">有颜色输入字段。
< input type=“email” name=“email”>电子邮件地址的输入字段。
< input type=“text” name="" value=“123”>value 属性规定输入字段的初始值
< input type=“text” name="" maxlength=“10”>maxlength属性规定输入字段允许的最大长度:
< input type=“image” src=“img/…” alt="" >图像定义为提交按钮
< input type=“image” src=“img/…” alt="" width=“48” height=“48”>height 和 width 属性仅用于规定 < input > 元素的高度和宽度。
< input type=“file” name=“img” multiple=“multiple” />上传文件
< input type=“search” name="" placeholder=“请输入账号” />用以描述输入字段预期值的提示
< input type=“text” name="" title=“请输入” />鼠标触碰显示提示
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值