html表单

来源：互联网发布：联友椅业知乎编辑：程序博客网时间：2024/06/01 16:18
html表单

<!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="">  描述一个表单  <input type="xxx"/>  表单组件  ....  <input type="submit"/>  提交按钮  </form>常见的表单组件：文本框  <input type="text"/>密码框  <input type="password"/>单选按钮  <input type="radio"/>多选框  <input type="checkbox"/>下拉列表框  <select>  描述一个下拉框    <option>中文版</option> 下拉项    <option>英文版</option>  </select>多行文本域  <textarea></textarea>提交按钮<input type="submit" value="按钮上的字"/>重置按钮<input type="reset" value="按钮上的字"/>普通按钮<input type="button" value="按钮上的字"/>      --><!-- 只有含有name属性的才会向服务器提交数据 --><!--  某些表单组件如果需要正确传递参数需要设置value属性,radio,checkbox,select --><!-- 默认显示问题（类似于hint） --><!-- 文本设置value --><!--  单选和多选设置checked--><!-- select设置 --><h3>个人简介</h3>    <form action="regist" method="get">        姓名：<input type="text" name="name" value="张三"/>        <br/><br/>        密码：<input type="password" name="password" value="123456"/>        <br/><br/>        性别：            男<input type="radio" name="gender"/>            女<input type="radio" name="gender" checked="checked"/>        <br/><br/>        爱好：            吃<input type="checkbox"  name="hobby"  value="c"/>            喝<input type="checkbox" name="hobby" checked="checked"value="h"/>            玩<input type="checkbox" name="hobby" value="2"/>            乐<input type="checkbox" name="hobby" value="l"/>        <br/><br/>        籍贯：            <select name="belong" >                <option>山东</option>                <option>山西</option>                <option>河南</option>                <option selected="selected">河北</option>            </select>        <br/><br/>        简介：        <textarea rows="5" cols="30"></textarea>        <br/><br/>        <input type="submit"  value="提交"/>        <input type="reset"  value="重置"/>        <input type="button"  value="普通按钮"/>    </form><form ></body></html>
0 0