4.From【表单】

4.From【表单】

<form action="#" method="GET" name="from_name">
    表单
</form>
action:1.要跳转的页面或网址 2.发送数据的php文件url
method:1.GET    2.post
name  :1.标识名    2.方便引用  
Input
用户名:<input type="text" placeholder="文本框">
密  码:<input type="password" placeholder="密码框">  

<input type="submit" value="提交按钮">
<input type="reset" value="重置按钮">
name = "标识名"
value = "发送的信息值"
placeholder = "文字提示"            
maxlength = "10"    //输入字符最大长度
size = "20"     //输入框长度,默认20
lable【单选框】
性别:
<label for="sex1">
  男<input type="radio" name="sex" value="m" id="sex1" />
</label>

<label for="sex2">
    女<input type="radio" name="sex" value="w" id="sex2" />
</label>
checkbox【复选框】
兴趣爱好: 
  写代码<input type="checkbox" name="instr" value="code"/>
  睡觉<input type="checkbox" name="instr" value="sleep" />
  打游戏<input type="checkbox" name="instr" value="game" />
  吃方便面<input type="checkbox" name="instr" value="mian" />
hidden【隐藏字段】
隐藏字段:<input type="hidden" name="标识名" value="需要发送的信息" />
<!--一般用于发送附带信息,开发者使用-->
file【文件上传】
文件上传: <input type="file" name="file" />
image【图片提交按钮】
<input type="image" src="../img/head_tel.jpg" alt="图像替代文本" />
select【下拉菜单】
居住地:
<select name="">
    <optgroup label="浙江">
        <option value="3" label="杭州">杭州</option>
        <option value="5">金华</option>
    </optgroup>
    <optgroup label="北京">
        <option value="1">海淀区</option>
        <option value="2">朝阳区</option>
        <option value="4">昌平区</option>
    </optgroup>
</select>
Button
<button type="submit">提交按钮</button>
<button type="reset">重置按钮</button>
<button type="button">按钮</button>
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容