HTML知识点中(表单/iframe/正则)

form 同时被 3 个专栏收录
1 篇文章 0 订阅
1 篇文章 0 订阅
1 篇文章 0 订阅

4、表单

(1)、表单
概念:用于采集用户输入的数据,和服务器进行交互。
form:用来定义表单。
action:提交数据的URL
method:提交方式

get1.请求参数会在地址栏显示。2.请求参数大小有限制。3.不太安全。
psot1.请求参数不会在地址栏显示。2.请求参数没有大小限制。3.较为安全。

注:表单项中的数据要想被提交:必须指定其name属性
(2)、input标签

<label for="user">账号:</label>
	<input type="text" name="username" placeholder="输入账号" id="user"/>

获取焦点 :label的for属性和 input 的 id属性值 对应,点击label区域,会让input输入框获取焦点。
placeholder:指定输入框的提示信息,当输入框的内容发生变化,会自动清空提示信息
type属性:

textpasswordradiocheckboxfilehiddencolordate/datetime/datetime-localemailnumbersubmit/button/image
文本框密码框单选框:1. name属性值必须一样.2. value属性,指定其被选中后提交的值3. checked属性,默认选中复选框文件选择框隐藏域,用于提交一些信息。拾色器选择输入年月日/手动输入年月日/选择输入年月日时分邮箱数字表单提交按钮/普通按钮/图片按钮

(3)、下拉列表

			省份:
			<select name="province">
				<option value="1">---请选择---</option>
				<option value="2">北京</option>
			</select><br><br>

(4)、文本域

自我简介:
	<textarea rows="10" cols="30" name="text"></textarea><br>

cols:指定列数,每一行有多少个字符。
rows:默认多少行。

5、iframe嵌套

<p>
	<a href="https://www.baidu.com" target="mainFrame">点击打开百度</a>
	<a href="表单.html" target="mainFrame">点击打开学生信息表</a>
</p>
	<iframe name="mainFrame" width="1000px" height="800px">
	</iframe>
	//注:target的值和name的值需相同

6、正则表达式

<label for="cpn">输手机号:</label>
	<input type="text" id="cpn" name="cpn" required pattern="1[3578]\d{9}"/>

7、实体字符(entity)

在这里插入图片描述
声明表格来源:W3school

8、布局

float:left;浮动
clear:both;清除浮动

9、块元素和内联元素

(1)、块元素以新行开始

<h1>-</h6>
		<hr />
		<p></p>
		<pre>预格式化</pre>
		<blockquote>段落缩进,前后五个字符</blockquote>
		<marquee>滚动文本,默认从右到左</marquee>
		<ul></ul> <ol></ol> <dl></dl>
		<table>表格以及下面的所有子元素</table>
		<from>表单</from> <div></div>

(2)、内联元素

<a></a>  <b>字体加粗</b>  <i>斜体</i>
		<em>强调文本</em> <button>按钮</button>
		<img /> <input /> <label></label>
		<mark>记号文本,高亮显示</mark>
		<select>下拉列表</select>
		<span></span> <textarea>文本域</textarea>
		<vido>视频</vido><br>  <audio>音频</audio>

总结:先理清思路,再去写代码。

  • 1
    点赞
  • 0
    评论
  • 0
    收藏
  • 打赏
    打赏
  • 扫一扫,分享海报

©️2021 CSDN 皮肤主题: 数字20 设计师:CSDN官方博客 返回首页

打赏作者

杨码

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值