从零开始的自学之路——HTML表单

275 阅读2分钟
  • <form>是表单标签,必须属性action是服务器地址
  • <labie>设置表达提示文字 其中可以设置属性for="id"
  • <fieldset>设置分组 其中再使用<legend>可以设置分组名
  • input type="text"为文本输入框,当希望提交到服务器时,需要给此属性加上name指定唯一 value可以指定默认值 disabled = "disable" 不可用
<form action="#">
用户名:<input type="text" name="uesrname" /><br />
密码:<input type="password" name="uesrpassworld" /><br />
<input type="submit" value="提交" />
</form>

                                     



  • input type="radio" 单选框,name属性设置同一个组 value属性设置回调,checked="checked默认选中状态
性别<input type="radio" name="man" value="man" />男
    <input type="radio" name="man" value="wuman" checked="checked"/>女

                                         




  • input type="checkbox"多选框,name属性设置分组 value设置属性回调 checked="checked"默认选中
游戏:<input type="checkbox" name="game" value="1" />刺客信条 
      <input type="checkbox" name="game" value="2" />巫师3 
      <input type="checkbox" name="game" value="3" />地铁2033
      <input type="checkbox" name="game" value="4" />赛博朋克2077

             




  • select 设置下拉列表,需设置name属性,
  • option标签设置拉下选项,
  • value属性回调 属性
  •  selected="selected"默认选中 标签
  •  multiple="multiple"设置为多选下拉列表
  •  <optgroup label="组名">可以设置下拉列表的分组
游戏:<select name="game">
	<option value="1">刺客信条</option>
	<option value="2">巫师3</option>
	<option value="3">地铁2033</option>
	<option value="4" selected="selected">赛博朋克2077</option>
  </select>

                                           



  • textarea设置文本域
自我介绍<textarea name="myself" id="me" cols="30" rows="10">这是我的介绍</textarea>

                  



  • type="reset"重置表达数据
  • type="button" 空白按钮
  • type = "submit"提交表单