使用 HTML 制作简易求职表

最新推荐文章于 2023-05-25 09:39:44 发布

根号二点五

最新推荐文章于 2023-05-25 09:39:44 发布

阅读量1.9k

点赞数 6

分类专栏： javascript 代码功能类文章标签： javascript css html

本文链接：https://blog.csdn.net/qq_44759710/article/details/106242321

版权

代码功能类同时被 2 个专栏收录

17 篇文章 4 订阅

订阅专栏

javascript

7 篇文章 1 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单小结</title>
</head>

<body>
<script type="text/javascript">
function change(){
  if(document.getElementById("agree").checked==true){
	 document.getElementById("btn").disabled=false;
  }else{
     document.getElementById("btn").disabled=true;
  }
}
</script> 
<input type="hidden" name="id" value="666666"/>
    <h3>申请表</h3>
	
    <form method="post" action="login" enctype="multipart/form-data">
      <p>姓名：
  <input type="text" name="username" />
        <br><!-- br代表换行符 --><br>
        密码：
        <input type="password" name="password" />
        <br><!-- br代表换行符 --><br>
		照片：
       <br><!-- br代表换行符 --><br>
                    <input type="file" name="files"/>  </p>
      <p>感兴趣的职位：
		  <br>
		  <input name="job" type="radio" checked="checked">web设计
		  <input name="job" type="radio">web开发
	  </p>
      向往城市：<select>
	 	  <option value="selectCity">请选择</option>
		  <option value="shanghai">上海</option>
  		  <option value="xian">西安</option>
          <option value="lanzhou">兰州</option>
		</select>

	<br>
	协议：
	<br>
	<textarea name="content" cols="20" rows="8" readonly="readonly">求职信息必须真实，准确，本网站只负责向企业推荐。
	</textarea>
	<br><br>
		<input id="agree" type="checkbox" onchange="change()" /> 我认真阅读并接受以上协议。
	<br>
	经验：<br>
		<select>
		  <option value="shanghai">无经验</option>
  		  <option value="xian">有实习经验</option>
			<option value="xian">正在工作</option>
		</select>
	<br>
	&nbsp; &nbsp;
		<input id="btn" type="submit" value="提交" disabled="disabled" /> 
		<!--disabled="disabled" -->&nbsp; &nbsp;
		<input type="reset">
		</form>
	</body>
</html>

根号二点五

关注

6
点赞
踩
14

收藏

觉得还不错? 一键收藏
1
评论
使用 HTML 制作简易求职表

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>表单小结</title></head><body><script type="text/javascript">function change(){ if(document.getElementById("agree").checke
复制链接

扫一扫