网页表单格式制作

来源：互联网 2023-03-16 19:12:35 245

我们使用webstorm制作HTML网页文件，可以制作表单，根据设置可以制作文本框，单选框，文件选择等功能。

工具/原料

制作表单的时候我们需要用到form标签，form标签下我们可以使用label，input文本输入少量单行的文本，如图所示设置我们想要的基本表单，然后点击预览网页显示表单。

网页表单格式制作

同样的方法，我们给input标签设置一个value内容，这样我们在label标签下，名次输入一栏就有一个默认的学生名次，我们预览就可以看到默认值了。

网页表单格式制作

我们添加一个上传文件的label，这时候需要将type类型设置为file，注意我们需要将for属性和ID设置为一致，这样才可以正常使用。

网页表单格式制作

预览我们的网页，这时候我们可以看到一个按钮，上面显示选择文件，点击选择文件按钮，会弹出一个选择框，这时候可以选择我们需要上传的文件，找到文件所在的位置点击确定打开。

网页表单格式制作

在表单中设置一个单选项按钮，我们将type属性设置为radio，然后设置两个选项，如图所示，预览我们的网页，可以看到当我们选择了一个选项之后，还可以选择另外一个。

网页表单格式制作

我们可以给每一个选项设置一个ID，这样我们就可以实现选择一个选项之后就能够再选第二个选项了，而且将一个选项设置为checked之后，就默认这个选项处于被选中状态。

网页表单格式制作

6该信息未经许可获取自百度经验

以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！