Web前端Html的表单

表单的关键字:

form标签表示一个表单区域

action="后端地址"

method="提交数据方式:get/post"

input 单行输入框

type="text" 文本

name="定义名称 名字自定义" 向后端提交的键

readonly="readonly" 只读,不可修改,但是可以提交

disabled="disabled" 禁用组件不可修改,不能提交

type="password" 密码框

type="radio" 单选框

html 复制代码
<body>
			<form  method="get" >
				<p align="center" class="c1">欢迎注册</p>
			<table align="center">
				<tr>
					<td align="right" class="c2">用户名:</td>
					<td><input type="text" name="account"/></td>
				</tr>
				<tr>
					<td align="right" class="c2">密码:</td>
					<td><input type="password" name="password"/></td>
				</tr>
				<tr>
					<td align="right" class="c2">
						性别:
					</td>
					<td><input type="radio" name="gender" value="男"/>男
					<input type="radio" name="gender" value="女"> 女</td>
				</tr>

checkbox 多选

cols列 rows行

type="flie" 文件选择框

type="submit" 提交按钮 触发表单的提交动作

type="reset" 重置按钮

type="button" 普通按钮 onclick相当于监听按下动作后执行""中的东西11111x

html 复制代码
<tr>
					<td align="right" class="c2">电话:</td>
					<td><input type="phonenum" name="phonenum"/></td>
				</tr>
				<tr>
					<td align="right" class="c2">
						职业:
					</td>
					<td>
					<select name="job">
					<option value="100">学生</option>
					<option value="100">老师</option>
					<option value="100">其他职业</option>
					</select>
					</td>
				</tr>
				<tr>
					<td align="right" class="c2">
					爱好:
					</td>
					<td>
						<input type="checkbox" name="hobby" >敲代码
						<input type="checkbox" name="hobby" > 打游戏
						<input type="checkbox" name="hobby"> 唱歌
						<input type="checkbox" name="hobby"> 运动
					</td>
				</tr>
				<tr>
					<td align="right" class="c2">
						地址:			
						</td>
						<td>
							<textarea name="address"  rows="2"></textarea>
            	</td>
				</tr>
			</table>
			<p align="center" class="c1">填写完成后点击下面提交按钮提交表单</p>
			<p align="center">
			<input type="submit" vaule="提交"/>
			<input type="reset" value="重置"/>
			</p>
			</form>
		
相关推荐
卡布叻_星星3 小时前
前端JavaScript笔记之父子组件数据传递,watch用法之对象形式监听器的核心handler函数
前端·javascript·笔记
开发加微信:hedian1164 小时前
短剧小程序开发全攻略:从技术选型到核心实现(前端+后端+运营干货)
前端·微信·小程序
YCOSA20256 小时前
ISO 雨晨 26200.6588 Windows 11 企业版 LTSC 25H2 自用 edge 140.0.3485.81
前端·windows·edge
小白呀白6 小时前
【uni-app】树形结构数据选择框
前端·javascript·uni-app
吃饺子不吃馅6 小时前
深感一事无成,还是踏踏实实做点东西吧
前端·svg·图形学
18538162800余+7 小时前
深入解析:什么是矩阵系统源码搭建定制化开发,支持OEM贴牌
java·服务器·html
90后的晨仔7 小时前
Mac 上配置多个 Gitee 账号的完整教程
前端·后端
少年阿闯~~7 小时前
CSS——实现盒子在页面居中
前端·css·html
开发者小天7 小时前
uniapp中封装底部跳转方法
前端·javascript·uni-app
阿波罗尼亚8 小时前
复杂查询:直接查询/子查询/视图/CTE
java·前端·数据库