<!-- get:地址栏显示,传输快,8kb -->
<!-- post:地址栏隐藏,传输不限量,传输慢 -->
<form action="./提交成功.html" method="post" align="center">
<!-- 文本框 -->
昵称:<input type="text" name="name" id="" autofocus placeholder="昵称">
<!-- 密码框 -->
<p>密码:<input type="password" name="password" id=""></p>
<!-- 单选按钮 name形成互斥-->
<p>性别:<input type="radio" name="sex" id="" value="1">男
<input type="radio" name="sex" id="" value="0">女
</p>
<br>
<!-- 多选按钮 -->
<p>兴趣爱好:<input type="checkbox" name="checkbox" id="" value="0">篮球
<input type="checkbox" name="checkbox" id="" value="1">排球
<input type="checkbox" name="checkbox" id="" value="2">足球
</p>
<!-- 上传阈 -->
<p>上传:<input type="file" name="file" id="" multiple></p>
<br>
<!-- 提交按钮 -->
<p><input type="submit" value="提交">
<input type="reset" value="重置">
</p>
<!-- 图片提交按钮 -->
<p><input type="image" src="../images/素材/digi_logo01.gif" alt=""></p>
<!-- 普通按钮 配合js使用 -->
<!-- 隐藏框 背着客户偷偷传数据-->
<input type="hidden" name="">
<!-- 属性 -->
<!-- placeholder="" 提示 -->
<!-- autofocus 自动焦点 -->
<!-- required 必填 -->
<!-- maxlength 最多字符 -->
<!-- multiple 多文件上传 -->
<!-- 文本阈 -->
<textarea name="请输入" cols="30" rows="5" maxlength="100"></textarea>
<br>
<!-- 下拉列表 -->
<select name="语言">
<option value="java">java</option>
<option value="php">php</option>
<option value="c++" selected>c++</option>
</select>
</form>
html表单项(h4 常用)
最新推荐文章于 2024-11-04 09:11:09 发布