[网页编程]-05 HTML5 表单标签

prtyaa
prtyaa 2023-12-27 16:16:59 63930
分类专栏： 资讯

表单标签是我们网页中比较重要的一个标签,基本上每个网页都会有,所以还是需要好好学习

常用的type

text 文本框

password 密码框

radio 单选框

checkbox 复选框

file 文件上传框

button 按钮

submit 提交按键

reset 复位按键

参考代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		
		<form action="01body中的常用标签.html" method="get">
			
			<!--普通文本框-->
			<input type="text"  name="wd"/> 
			
			<input type="submit" value="百度一下" />
			
		</form>
		
		
	</body>
</html>
<!--
	https://www.baidu.com/s？键1=值1&键2=值2
	
	
	action：表单提交的位置
	
	method（get/post）：表单提交的方式
	
	get:(1)参数会依附于url地址之后，(2)利用get方式提交数据，数据的长度有限制(3)利用get方式提交数据，是不安全的
	
	post(1)请求不会依附于地址，(2)利用post处理参数不受限制（3）post提交数据比较安全
	
	
-->

示例结果图

参考代码2

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		
		
		<form>
			<!--普通文本框  value：文本框中值-->
			账号： <input type="text"  name="zh" value="123" /> <br />
			
			密码：<input type="password" name="pwd" value="123" /><br />
			
			<!--单选框  实现单选的效果必须指定同一个name属性   checked：默认的选择-->
			
		   男：<input type="radio"  name="sex"  value="1" checked="checked"/>
		   女：<input type="radio"  name="sex" value="0"/>	<br />
		   
		   <!--多选框-->
		   
		    抽烟:<input type="checkbox"  value="1" checked="checked">
		   
		    喝酒:<input type="checkbox" />
		    
		    烫头:<input type="checkbox" /><br />
		    
		    <!--多行文本框-->
		    
		    个人介绍： <textarea rows="15" cols="20" value="">你好</textarea><br />
		    
		    <!--文件选择框-->
		    <input type="file" name="file" /><br />
		    
		    <!--隐藏框-->
		    
		    <input type="hidden" name="sno" value="20180607" /><br />
		    
		    <!--下拉框  selected：默认的选择-->
		    
		    <select name="ch">
		    	
		    	<option value="1">中国</option>
		    	
		    	<option value="2" selected="selected">美国</option>
		    	
		    	<option value="3">日本</option>
		    	
		    	<option value="4">新加坡</option>
		    	
		    </select> <br />
		    
		    <!--提交按钮-->
		    <input type="submit" value="提交" /> <br />
		    
		    <!--清除按钮,清空写好的内容-->
		    
		    <input type="reset" value="清除" />
		    
		    <!--普通的按钮  没有提交数据的功能-->
		    <input type="button" value="提交" />
		    
		</form>
		
		
		
		
	</body>
</html>

网站声明：如果转载，请联系本站管理员。否则一切后果自行承担。

本文链接：https://www.xckfsq.com/news/show.html?id=31568
赞同 0
评论 0 条

相关文章

  • [网页编程]-03 JavaScript 变量 2023-12-27 67194 浏览

    【1】JS中变量的声明var变量名=值；【2】JS中变量的使用注意的事项A、js中的变量的名称和java中标识符的命名保持一致就可以了。B、js中变量名称是可以重复的，但是后者的名称会把前者的名称值覆盖C、js中末尾即使没有分号结束也是可以的，但是不推荐大家这样书写。

  • [网页编程]-07 JavaScript 函数 2023-12-27 66551 浏览

    函数的声明函数在JavaScript中本身也是一个对象,这个是要明确的第一种用的也是最多的（1）function函数名（）{函数体}调用代码/*********函数声明的方式**********//*方式一*/fun

  • [网页编程]-06 JavaScript 控制语句 2023-12-27 67242 浏览

    JavaScript中的控制语句大体和我们的java相似,只是写法略微不同,下面以代码的形似展现一下知识点1打印到浏览器上/*直接把信息打印到浏览器上*/document.write("
    ");知识点2控制语句

    • 关注我们

      信创开放社区公众号二维码

      扫一扫关注公众号

      信创开放社区交流群

      添加我为好友，拉您入交流群！

    添加我为好友，拉您入交流群！

    请使用微信扫一扫!