HTML<from>表单内容总结

目录

1.from中的标签

1.action--------------------跳转的路径

2.name-------------------表单的名字

3.method----------------跳转的请求方式(get请求和post请求)

4.input标签

4.1type的属性取值

4.2input其它的属性

5.select标签--------下拉列表单

6.textarea标签


1.from中的标签

1.action--------------------跳转的路径

2.name-------------------表单的名字

3.method----------------跳转的请求方式(get请求和post请求)

<form action="demo1.html">
	用户名: <input type="text" method="post">
	密码: <input type="possword" method="post">
	<input type="submit">

4.input标签

4.1type的属性取值

text---------------------文本框

password-------------密码框

submit------------------提交按钮

radio---------------------单选按钮

checkbox--------------多选按钮

rest--------------------重置按钮 复位按钮

button-----------------普通按钮

image----------------图像按钮

file --------------------上传文件 文件域

hidden--------------- 隐藏域 用户页面上是看不见的内容 作用 提交一些用户不可见的信息
email------------------邮箱框
 
color ------------------------- 颜色
date ------------------------ 日期
datetime-local ------------- 日期 + 时间
time -------------------- 时间
url
<p align="center">用户名:<input type="text" name="username"></p>
		<p align="center">密码:<input type="password" name="password"></p>
		<p align="center">确定密码:<input type="password" name="password"></p>
		<p align="center">请选择你的性别:<input type="radio" name="gender">男
		<input type="radio" name="gender" checked>女</p>

4.2input其它的属性

range ------------------ 进度条
readonly ----------------- 字段只能读不能修改
disabled---------------- 规定 input 标签禁用 不可点击的
autofocus ---------------- 默认光标的位置
required ------------------- 提示 Input 不能为空白提交

5.select标签--------下拉列表单

<p align="center">你是来自那个城市的爱坤<select>
		<option>重庆</option>
		<option>江西</option>
		<option>云南</option>
		<option>贵州</option>
		<option>黑龙江</option>
        <option selected="select">北京</option>

option------------------子选项

selected ------------ 默认选择某一个选项
multiple ------------- 以列表的形式显示

6.textarea标签

cols -------- 文本域的宽度
rows ------- 文本域的高度
<p>
<textarea cols="50" rows="5">什么都没有</textarea>
</p>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值