html(部分--表单)

最新推荐文章于 2024-12-03 09:54:05 发布

原创最新推荐文章于 2024-12-03 09:54:05 发布 · 679 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html

本文介绍了HTML中的表单元素及其用法，包括文本输入、密码输入、单选按钮、复选框、文件选择、下拉列表、多行文本域以及提交和重置按钮。示例代码展示了如何创建一个包含账号、密码输入、性别选择、兴趣项目选择、文件上传和城市选择的表单，以及如何使用reset和submit按钮操作表单。

html基本语法–表单

表单-具体可可理解为在网页中可进行输入数据的一个单元
具体表现及示例

<!-- 
       表单 <form><form/>
	   初始定义   < input        >
	   type="type"输入类型   文本
	   size=""表格长度
	   value=""初始值
	   name=" "键  向服务器提交信息
       id=""标志(      唯一        )
	   placeholder=""提示信息
	   readonly=""只读
	   disabled=""内容置灰 不可操作
	   type="password"输入类型   密码
	   type="radio"输入类型   单选
	   type="checkbox"输入类型   复选
	       在单选,复选定义的同时    应为其定义namem名使其的名字对应各自的区域  同时为其赋value的值   使其的最终选择的数值能传递出去
		  type="file"输入类型   文件选择
		 type="	reset"输入类型   重置表单内容
		 type="submit"输入类型   提交表单内容到服务器      服务器地址由开始的form中的 action输入
		 type="button"输入类型   按钮   用于触发事件
		 
		  <select   >     (       name填写位置       )
		  <option   value="  填写真正提取的数据 >  地址(界面显示的数据)   </option>
		  </select>                   选择界面
	     
	   多行文本域基本语法
          <textarea name="textarea"    cols="40"    rows="6">
	        文本域中的内容     </ textarea > 
	 -->


示例实现
<!DOCTYPE html>
<html>
	
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body bgcolor="blue" background="img/banana.jpg"  >
		<form action="内联框架子框架.html" method="">
			 
			  <label for="p90"> 账号:</label>
			   <input type="type" size="100" value="" name="" id="p90"  placeholder="请输入名字比如张三" ><br/><hr/>
			   <label for="p91"> 密码:</label>
			   <input type="password" id="p91"placeholder="请输入密码"><br/>	<hr/>
			   <label >性别:</label>
			   <input type="radio" name="a1" checked="checked" id="p92" value="男" /> <label for="p92">男</label>
			   <input type="radio" name="a1"  id="p93"value="女" /><label for="p93">女</label><br/>	<hr/>
			   项目:<input type="checkbox" name="a2" value="java"/>java
			   <input type="checkbox" name="a2" value="p"/>p
			   <input type="checkbox" name="a2" value="c"/>c<br/>
	    	文件选择: <input type="file"  name="*.*" /><br />
			选择城市:<select  name="p4567">
				 <option  	selected="selected">选择省份</option>
				<option value="北京">北京</option>
				<option value="陕西">陕西</option>
				<option value="北京">杀你</option>
				<option value="是否">第一</option>
				<option value="北京zz">北京</option>
				<option value="北京">北京</option>
				<option value="北京">北京</option>
			</select><br/> 
			<textarea name="zzz"  cols="50" rows="20"  >什么都没有</textarea>
			<input type="reset" value="刷新" />
			<input type="submit"  value="提交" />
			<input type="button"  value="按钮"  />
		</form>
	</body>
</html>