form表单

 绝对路径:从盘符开始查找,直到找到文件为止,路径+文件名

C:\Users\lenovo\Pictures\Saved Pictures\u=1520333009,1621568&fm=26&fmt=auto&gp=0.webp

相对路径:当前文件和目标文件的相对路径

..\..\..\u=1520333009,1621568&fm=26&fmt=auto&gp=0.webp

格式如下:

<form  action=""  name=""  method="">
action跳转的路径
name表单的名字
method跳转的方式

跳转的方式有:post和get。其中get为默认请求

get请求和post请求的区别:

<form  action="..\..\..\u=1520333009,1621568&fm=26&fmt=auto&gp=0.webp" method="get">

<form  action="..\..\..\u=1520333009,1621568&fm=26&fmt=auto&gp=0.webp" method="post">

 由上可知gei请求会在地址栏显示密码,而post请求不会,因此post请求安全性更高

input的基本标签:

type属性取值

checkbox多选按钮
radio单选按钮

多选按钮:

请选择你的爱好:<input type="checkbox">篮球
<input type="checkbox">足球
<input type="checkbox">羽毛球
<input type="checkbox">跳舞

单选按钮:

请选择你的性别:<input type="radio" name="gender">男
               <input type="radio" name="gender">女
             & <input type="radio" name="size">男
               <input type="radio" name="size">女

 要在代码中加入name属性,这样才能选择一个。如果不加入,则可以选择多个。

例如:

请选择你的性别:<input type="radio">男
               <input type="radio">女

select标签

所在地区:<select><option>上海</option>
<option>广州</option>
<option>贵州</option>
<option selected="selected">江苏</option>
<option>重庆</option>
<option>四川</option>
<option>湖北</option>

 

 selected为默认选项     

 属性multiple为下拉形式

所在地区:<select multiple=“multiple”>
<option>上海</option>
<option>广州</option>
<option>贵州</option>
<option selected="selected">江苏</option>
<option>重庆</option>
<option>四川</option>
<option>湖北</option>

text文本框
password密码框
submit提交按钮
button按钮
reset重置按钮
image图像按钮
<form>
<p>用户名:<input type="text" value="pangking" ></p>
<p>密码:<input type="password" autofocus></p>
<p>确认密码:<input type="password" required></p>
<input type="submit" value="上传">
<input type="reset" value="复位">
<input type="button" value="按钮">
</form>

扩展内容:

属性:

readonly字段只能读不能修改
disabled规定input标签禁用
autofocus默认光标位置
required提示input不能为空白提交
<form>
<p>用户名:<input type="text" value="pangking" disabled="disabled"></p>
<p>密码:<input type="password" autofocus></p>
<p>确认密码:<input type="password" required></p>

</form>

 扩展内容:type属性的取值

color颜色
date日期
time时间
datetime-local日期+时间
range进度条
<form>
	<input type="color"><input type="date"><input type="time">
	<input type="datetime-local"><input type="range">
</form>

 

 

 textarea标签:

 clos-----文本域的宽度               rows------文本域的高度

font------------size(1--7字体由小变大)

<textarea cols="50" rows="5">这是文本框</textarea>

 

 

<font size="1">字体大小</font>
	<font size="2">字体大小</font>
	<font size="3">字体大小</font>
	<font size="4">字体大小</font>
	<font size="5">字体大小</font>

 

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值