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=“请输入” /> | 鼠标触碰显示提示 |