web(五) input表单

最新推荐文章于 2024-01-23 11:18:39 发布

程序媛小胖

最新推荐文章于 2024-01-23 11:18:39 发布

阅读量2k

点赞数 2

分类专栏：前端

本文链接：https://blog.csdn.net/wangchunxiaohit/article/details/90048498

版权

前端专栏收录该内容

5 篇文章 0 订阅

订阅专栏

表单

目的
组成
input 控件
表单域

目的

手机用户信息

组成

表单控件
提示信息
表单域

input 控件

<input />为单标签
属性

属性	描述
type	输入类型： text:单行文本输入 password:密码输入 radio:单选按钮如果是一组，必须name相同这样才能实现单选 checkbox：复选框如果是一组，必须name相同 button：普通按钮 submit：提交按钮 reset：重置按钮 image：图像形式的提交按钮 file：文件域
name	用户自定义：空间名称
value	用户自定义：input控件中的默认文本内容
size	正整数：input控件在页面中显示的宽度
checked	checked：定义选择控件默认被选中的项
maxlength	正整数：控件允许输入的最多字符

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<table width="600" border="0" cellpadding="0" cellspacing="0" align="center">
		<caption><h4>个人信息</h4></caption>
		<tr>
			<td>所在地区</td>
			<td><input type="text" value="郑州"></td>
		</tr>
		<tr>
			<td>密码</td>
			<td><input type="password"></td>
		</tr>
		<tr>
			<td>性别</td>
			<td><input type="radio" name='sex' checked="checked">男
			    <input type="radio" name='sex'>女
			</td>
		</tr>
		<tr>
			<td>喜欢类型</td>
			<td><input type="checkbox" name='like' checked="checked">男
			    <input type="checkbox" name='like'>女
			</td>
		</tr>
		<tr>
			<td></td>
			<td>
				<input type="button" value="注册" />
				<input type="submit" value="提交" />
				<input type="reset" value="重置" />
				<input type="image" src="btn.png">
			</td>
		</tr>
		<tr>
			<td>上传头像</td>
			<td><input type="file">
			</td>
		</tr>
	</table>
</body>
</html

在这里插入图片描述

表单域

<form></form>
参数：
action:信息发送目标文件
method：post/get
name: 定义表单名称，用来区分一个页面的多个表单

程序媛小胖

关注

2
点赞
踩
24

收藏

觉得还不错? 一键收藏
0
评论
web(五) input表单

表单目的组成input 控件目的手机用户信息组成表单控件提示信息表单域input 控件<input />为单标签属性属性描述type输入类型：text:单行文本输入password:密码输入radio:单选按钮如果是一组，必须name相同这样才能实现单选checkbox：复选框如果是一组，必须name相同button：普通按钮subm...
复制链接

扫一扫

专栏目录