使用HTML实现《个人简历》、《添加新员工》的表单制作
最新推荐文章于 2024-04-20 16:52:21 发布
DYT*
最新推荐文章于 2024-04-20 16:52:21 发布
阅读量963
收藏
6
点赞数
1
本文介绍了如何使用HTML来创建《个人简历》和《添加新员工》的表单。涵盖了文本域、下拉列表、单选框和复选框等表单元素的使用，展示了实际的代码示例及其效果。
表单是一个包含表单元素的区域。表单元素是允许用户在表单中输入内容,比如：文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等。
| HTML表单标签 | |
| 标签 | 描述 |
| <form> | 定义供用户输入的表单 |
| <input> | 定义输入域 |
| <textarea> | 定义文本域 (一个多行的输入控件) |
| <label> | 定义了 <input> 元素的标签，一般为输入标题 |
| <fieldset> | 定义了一组相关的表单元素，并使用外框包含 |
最低0.47元/天 解锁文章
2468
暂无认证
到【灌水乐园】发言
ristar01: <script> // 获取元素 let operNumA = document.getElementById('operNumA'); let operNumB = document.getElementById('operNumB'); let result = document.getElementById('result'); let opersignal = document.getElementById('select'); // 拿到运算符号 let selectValue = opersignal.value; // onchang事件 function selectChange(e){ //获取运算符号 selectValue = opersignal.value // 调用函数方法，开始运算 btnClick(); } function btnClick(){ if(operNumA.value == '' || operNumB.value == ''){ alert('请输入数字操作') return; } let a = parseFloat(operNumA.value); let b = parseFloat(operNumB.value); switch(selectValue){ case '+': result.value = a + b; break; case '-': result.value = a - b; break; case '*': result.value = a * b; break; case '/': result.value = a / b; break; default: alert('计算错误'); break; } } </script>
ristar01: <body> <!-- onchange事件：指向作用域内容发生变化，即调用绑定函数 --> <div class="container"> <input type="text" name="" id="operNumA"> <select name="" id="select" onchange="selectChange()"> <option value="+">+</option> <option value="-">-</option> <option value="*">*</option> <option value="/">/</option> </select> <input type="text" name="" id="operNumB"> <span>=</span> <input type="text" name="" id="result" value=""> <button onclick="btnClick()">计算</button> </div> </body>
DYT*: 谢谢
盼盼编程: 不错