表单

表单:
一个完整的表单通常由3个部分组成的:表单域、提示文本、表单控件
表单控件:包含了和我说的表单功能项,如单行文本输入框、密码输入框、复选框、提交按钮、重置按钮等。
提示文本:说明性的文字,提示用户填写和操作
表单域:相当于容器,容纳所有的表单控件和提示信息,可以通过它定义处理表单数据所有程序的url地址,以及数据提交到服务器的方法。如果不定义表单域,表单中的数据就无法传递到后台服务器。

input控件:
语法:<input type="" name="">

属性
1、【type】,它的值有以下
    (1)text:单行文本输入框
    (2)password:密码输入框
    (3)radio:单选框,同一组控件,name要设置成一样,才能实现单选
    (4)checkbox:复选框
    (5)button:普通按钮
    (6)submit:提交按钮
    (7)reset:重置按钮
    (8)image:图像形式的提交按钮
    (9)file:文件域
2、【name】:控件的名字
3、【value】:input控件的默认文本值
4、【size】:input控件在页面中的显示宽度
5、【checked】:定义选择控件默认被选中的项
6、【maxlength】:控件允许输入的最多字符
 

代码如下:

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<form>
		账号[text]:<input type="text" name="" value="菜濠"><br />
		密码[password]:<input type="password" name="" maxlength="6"><br />
		性别[radio]:男<input type="radio" name="sex">
		女<input type="radio" name="sex"><br />
		武功[checkbox]:降龙十八掌<input type="checkbox" name="">
		凌波微步<input type="checkbox" name="">
		默认武功<input type="checkbox" name="" checked="checked"><br />
		按钮[button]:<input type="button" name=""><br />
		提交[submit]:<input type="submit" name="" value="提交"><br />
		重置[reset]:<input type="reset" name="" value="重置"><br />
		请上传动作片[image]:<input type="image" name="" src="https://www.jiuwa.net/tuku/20190824/DXqyIIXf.jpg" width="50px" height="50px"><br />
		文件域[file]:<input type="file" name=""><br />

	</form>
</body>
</html>

 

效果如下:

  • 5
    点赞
  • 13
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值