【无标题】

最新推荐文章于 2024-01-18 23:25:36 发布

时光912

最新推荐文章于 2024-01-18 23:25:36 发布

阅读量20

点赞数

文章标签：前端

本文链接：https://blog.csdn.net/2302_79709692/article/details/133846990

版权

表单属性

1.multiple
multiple属性规定输入字段课选择多个值，如果使用该属性，则字段可选择多个值。

代码如下：

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>required属性</title>
</head>
<body>
	<form action="#" method="get">
		<input type="file" multiple name="" id="" value="" />
	</form>
</body>
<ml>

2. placeholder
placeholder可以用来描述输入字段预期值的简短的提示信息，提示信息会在用户输入值之前显示，一旦用户输入信息该提示就会自动消失。

代码如下：

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>required属性</title>
</head>
<body>
	<form action="#" method="get">
		<input type="" placeholder="用户名/手机号/邮箱" name="" id="" value="" />
	</form>
</body>
<ml>

3. required
required用于规定输入框填写的内容不能为空，否则不允许用户提交表单。

代码如下：

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>required属性</title>
</head>
<body>
	<form action="#" method="get">
		请输入姓名：
		<input type="text" name="user_name" required="required" />
		<input type="submit" value="提交" />
	</form>
</body>
<ml>

4. autofocus
autofocus设置之后在访问页面时，文字输入框会自动获得光标焦点，以便输入关键词。

代码如下：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <input type="email" name="" id="" value="" autofocus />
    </body>
<ml>

时光912

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
【无标题】

可以用来描述输入字段预期值的简短的提示信息，提示信息会在用户输入值之前显示，一旦用户输入信息该提示就会自动消失。设置之后在访问页面时，文字输入框会自动获得光标焦点，以便输入关键词。属性规定输入字段课选择多个值，如果使用该属性，则字段可选择多个值。用于规定输入框填写的内容不能为空，否则不允许用户提交表单。
复制链接

扫一扫