Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/82.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/sharepoint/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用选项卡创建HTML表单_Javascript_Jquery_Html_Css_Twitter Bootstrap - Fatal编程技术网

Javascript 使用选项卡创建HTML表单

Javascript 使用选项卡创建HTML表单,javascript,jquery,html,css,twitter-bootstrap,Javascript,Jquery,Html,Css,Twitter Bootstrap,这是我第一次尝试构建单页web应用程序。我正在首先处理页面的布局。我有99%的CSS是使用引导完成的。但是,我现在需要在我的页面中添加一个表单。表单将启动服务器上的脚本 我想表单有选项卡,用户可以点击,每个选项卡将明显包含不同的输入字段文本框,下拉列表,复选框等。。。。然而,我没有看到任何关于如何纯粹使用HTML/CSS甚至js来实现这一点的好教程 我不想在这里重新发明轮子,但我想要一个响应速度快、可以动态更新而无需重新加载页面的表单。我更喜欢纯HTML/CSS,但如果需要js,也可以 我不确定

这是我第一次尝试构建单页web应用程序。我正在首先处理页面的布局。我有99%的CSS是使用引导完成的。但是,我现在需要在我的页面中添加一个表单。表单将启动服务器上的脚本

我想表单有选项卡,用户可以点击,每个选项卡将明显包含不同的输入字段文本框,下拉列表,复选框等。。。。然而,我没有看到任何关于如何纯粹使用HTML/CSS甚至js来实现这一点的好教程

我不想在这里重新发明轮子,但我想要一个响应速度快、可以动态更新而无需重新加载页面的表单。我更喜欢纯HTML/CSS,但如果需要js,也可以


我不确定是否应该自己从头开始创建这个HTML表单,或者使用框架或模板。

大多数时候,我看到创建的选项卡不是真正的选项卡。只需创建与选项卡数量相等的多个div,将它们放置在同一位置,并让每个选项卡单击activate java script,将其各自的链接div设置为可见,将其他div设置为隐藏。

既然您已经在使用Bootstrap+Jquery,我建议您使用Bootstrap组件


另外,对于使用选项卡创建表单的这种特殊情况,这篇文章可能会很有用:

有两件事,首先,您的问题不包含问号。你真的需要一个明确的问题,让人们知道他们在回答什么:第二,你已经在使用一个框架,可以做你所要求的整洁的表单和标签,这只是将两者结合起来的一个例子。看看标签是如何工作的。Kara有一个观点,在10s1中。虽然,陈述对知识的需求并解释你缺乏相关知识是正确的,但那些为了效率而浏览问号而不阅读整个问题的人可能会感到困惑。