Html---表单

最新推荐文章于 2024-09-19 07:01:37 发布

大z小z

最新推荐文章于 2024-09-19 07:01:37 发布

阅读量641

点赞数

分类专栏：标签 html 表单文章标签：标签表单 html

本文链接：https://blog.csdn.net/qq_36171618/article/details/70752217

版权

html 同时被 3 个专栏收录

7 篇文章 0 订阅

订阅专栏

标签

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>   <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>  <input type="checkbox"name="xml"/><font color="red" size="10pt">xml</font>
  <input type="checkbox" name="jsp"/><font color="red" size="10pt">jsp</font>  <input type="checkbox" name="html"/><font color="red" size="10pt">html</font><br>
<input type="hidden" value="1234"/>
<br>
<input type="submit" value="注册" />  
<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"/>  
<input type="image" src="pics/4.jpg" οnclick="alert('aaaaaa')"/><br>
</form>
</body>
</html>