Html---表单

3 篇文章 0 订阅
3 篇文章 0 订阅

表单标签是最常用的标签,用于与服务器端的交互。

☆<input>:输入标签

接收用户输入信息。其中的type属性指定输入标签的类型。

文本框 text。输入的文本信息直接显示在框中。
密码框 password。输入的文本以原点或者星号的形式显示。
单选框 radio 如:性别选择。
复选框 checkbox 如:兴趣选择。
隐藏字段 hidden 在页面上不显示,但在提交的时候随其他内容一起提交。
提交按钮 submit 用于提交表单中的内容。
重置按钮 reset 将表单中填写的内容设置为初始值。
按钮 button 可以为其自定义事件。
文件上传 file 后期扩展内容,会自动生成一个文本框,和一个浏览按钮。
图像 image 它可以替代submit按钮。


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>表单</title>
</head>
<body>
<form action="">
<font face="楷体" color="#0000ff" size="10pt" >姓名:</font><input type="text" width="1000px"height="4000px"/><br> 
<font face="楷体" color="#0000ff" size="10pt">密码:</font><input type="password" width="100px" height="400px"/><br>
<font face="楷体" color="#0000ff" size="10pt">性别:</font><input type="radio" name="sex"/><font face="楷体" color="red" size="10pt" >男</font> &nbsp;&nbsp;<input type="radio" name="sex"/><font face="楷体" color="red"size="10pt">女</font><br>
<font face="楷体" color="#0000ff" size="10pt">技术:</font><input type="checkbox" name="java"/><font color="red" size="10pt">java</font>&nbsp;&nbsp;<input type="checkbox"name="xml"/><font color="red" size="10pt">xml</font>
&nbsp;&nbsp;<input type="checkbox" name="jsp"/><font color="red" size="10pt">jsp</font>&nbsp;&nbsp;<input type="checkbox" name="html"/><font color="red" size="10pt">html</font><br>
<input type="hidden" value="1234"/><!-- 隐藏属性 -->
<br>
<input type="submit" value="注册" />&nbsp;&nbsp;
<input type="reset" value="重置"/><br/><br/>
<input type="button" value="一个按钮"/><br/><br/>
<button>另一个按钮</button><br/><br>
<font face="楷体" color="#0000ff" size="10pt">简历:</font> <input type="file"/><br><br>
<input type="image" src="pics/3.jpg"/>&nbsp;&nbsp;
<input type="image" src="pics/4.jpg" οnclick="alert('aaaaaa')"/><br>
</form>
</body>
</html>

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值