0
点赞
收藏
分享

微信扫一扫

JavaWeb_HTML(19)_HTML 表单整合效果

伽马星系 2022-03-30 阅读 101


本系列博客汇总在这里:JavaWeb_HTML 汇总


目录

  • ​​示例​​

示例

<html>

<head>
<title>www.weiyuxuan.com</title>

</head>

<body>

<h1>HTML表单</h1>

<form action="/xxx/xxx.jsp" method="post">

<input type="hidden" name="userId" value="1">

<br/>用户名: <input id="username" type="text" name="username" size="40" value="请输入用户名" readonly="readonly" disabled="disabled"><br/>

<br/>&nbsp;&nbsp;码: <input id="password" type="password" size="40" readonly="readonly" value="123"><br/>

<br/>&nbsp;&nbsp;别: <input id="man" type="radio" value="1" name="gender">&nbsp;&nbsp;

<input id="woman" checked="checked" value="2" type="radio" name="gender"><br/>

<br/>&nbsp;&nbsp;好: <input type="checkbox" checked name="favor" value="1">篮球&nbsp;

<input type="checkbox" name="favor" value="2">足球&nbsp;

<input type="checkbox" name="favor" value="3">乒乓球&nbsp;<br/>

<br/>&nbsp;&nbsp;像: <input id="pic" type="file" name="pic"><br/>

<br/>&nbsp;&nbsp;资: <select id="sal" name="sal">

<option value="">--请选择--</option>

<option value="6000">6000 </option>

<option value="8000">8000 </option>

<option value="10000" selected>10000</option>

</select><br/>

<br/>&nbsp;&nbsp;位: <select id="job" size="3" name="job" multiple>

<option value="1">中级工程师</option>

<option value="2">测试工程师</option>

<option value="3">架构师 </option>

</select><br/>

<br/>个人介绍: <textarea name="introduce" rows="3" cols="40" >请输入...</textarea><br/><br/>

<input name="reset" type="reset" value="重置">

<input name="submit" type="submit" value="提交">

<input name="button" type="button" value="按钮提交">
</form>

</body>

</html>

JavaWeb_HTML(19)_HTML 表单整合效果_html

如有错误,欢迎指正!



举报

相关推荐

0 条评论