（html中）from的控件

最新推荐文章于 2024-05-28 22:54:56 发布

董世森学习

最新推荐文章于 2024-05-28 22:54:56 发布

阅读量343

点赞数

分类专栏： html

本文链接：https://blog.csdn.net/weixin_43319279/article/details/102460373

版权

html 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<!DOCTYPE  html>
<html>
<head>
	<meta   charset="utf-8"> 
	<title>这是标题</title>
</head>
<body>

<!-- 常见的表单控件如下介绍 -->
	<form action="x.html" method="post">
		用户号:<input type="text" name="name" maxlength="10"  value="s h i "placeholder="请输入账号！"><br/>
	<!--form 表示表单，action 表示处理的文件，或者把数据传递到x.html文件中 ， value="s h i ":表示默认值为s h i  ;  placeholder="请输入账号！" -->
		密码: &nbsp &nbsp<input type="password" name="passwd" placeholder="请输入账号！">
	<!-- type="password"  &nbsp表示空格-->
	<input type="checkbox" name=""  checked="checked">
	<!-- type="checkbox" 这是复选框的使用-->
	<input type="radio" name="A" checked="checked">A
	<input type="radio" name="A" checked="checked">B
	<input type="radio" name="A" checked="checked">C
	<input type="radio" name="A" checked="checked">D
	<!-- 单选框 ， name相同即可实现单选框同一组 -->

	<input type="button" name="bt"  value="提交">
	<input type="submit" name="" value="login"> 
	<!--type="submit"提交数据，跳转页面 -->
	<input type="reset" name="">
	<!--重置按钮，重置按钮是无法重置value的值的，只能恢复网页的原始状态-->

	<input type="hidden" name="" value="100">
	<!--隐藏文本域-->

	<input type="file" name="">
	<!-- 点击可以选择本地文件，文件保存在form中，当点击submit时会把文件上传到action="test.php(或者其他文件中)" -->
<!-- 超链接的运用 -->
	<a href="a.txt">下载a.txt</a>
	<a href="a.html">跳转到a.html</a>
	<a href="tel:18296842318">在手机端可以拨打电话</a>
	<a href="email">发送邮件</a>

	<!-- select与option联合起来一起使用 -->
	<select>
		<option>A</option>
		<option selected="selected">B</option> 
		<!--selected="selected"的话默认是B -->
		<option>C</option>
		<option>D</option>
	</select></form><br/> 

	<textarea rows="5" cols="200">
	</textarea>
<!-- 多行文本内容框 -->
	</form>
	</body>
	</html>