首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何在索引/主页中呈现我的联系人表单

如何在索引/主页中呈现我的联系人表单
EN

Stack Overflow用户
提问于 2019-04-13 15:13:38
回答 1查看 38关注 0票数 0

我有一个联系页面附加在一个索引/主页。它没有任何contact.html页面。如何在导航栏中提供联系人的url,以便它滑到同一主页中的联系人页面。

index.html

代码语言:javascript
复制
    <div class="nav-container">
                        <ul>
                            <li><a href="{% url 'company:home' %}">Home</a></li>
                            <li><a href="{% url 'company:about' %}">About</a></li>
                            <li><a href="{% url 'company:services' %}">Services</a></li>
                            <li><a href="">Portfolio</a></li>
                            <li><a href="{% url 'company:blog' %}">Blog</a></li>
                            <li><a href="">Contact</a></li> # what url should i have to give here so that it gives the contact page within this index page
                        </ul>
                    </div>

 <!-- Contact Section -->
<section id="contact">
    <div class="container">
        <h1 class="title">Contact Us
            <p>HOW TO CONNECT WITH US ?</p>
            <span class="underline"></span>
        </h1>
        <div class="row">
            <div class="col-md-6">
                <div class="map">
                    <iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d7066.152739935275!2d85.3461636!3d27.6840344!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x39eb19a18187378f%3A0x8ba2460dd7896e64!2sOnline+Zeal!5e0!3m2!1sen!2snp!4v1553841516009!5m2!1sen!2snp" width="100%" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>
                </div>
            </div>
            <div class="col-md-6">
                <form action="{% url 'company:contact' %}" method="post">
                     {% csrf_token %}
                    <label for="full-name">Full Name *</label>
                    <input id="name" type="text" name="full_name" class="form-control">
                    <label for="full-name">Email Address *</label>
                    <input id="full-name" type="email" name="email" class="form-control">
                    <label for="full-name">Comment (if any)</label>
                    <textarea name="comment" rows="3" class="form-control" ></textarea>
                    <button type="submit" class="btn btn-alternate">Submit</button>
                </form>
            </div>
        </div>
    </div>
</section> 

views.py

代码语言:javascript
复制
def homepage(request):
services = Service.objects.filter(active=True)
if request.method == 'POST':
    form = ContactForm(request.POST)
    if form.is_valid():
        contact = form.save(commit=False)
        contact.save()
    else:
        messages.error(request,'Error in Form.')
else:
    form = ContactForm()
return render(request,'company/index.html',{'services':services,'form':form})

forms.py

代码语言:javascript
复制
class ContactForm(forms.ModelForm):
class Meta:
    model = Contact
    fields = ['full_name','email','comment']

urls.py

代码语言:javascript
复制
path('',views.homepage,name='home'),
path('contact/',views.contact,name='contact'),
EN

回答 1

Stack Overflow用户

发布于 2019-04-13 15:23:07

在导航栏中使用href和hash #:

代码语言:javascript
复制
 <li class="nav-item">
          <a class="nav-link js-scroll-trigger" href="#contact">contact</a>
        </li>

然后,在contact本身中,您将为其提供id:

代码语言:javascript
复制
<div class="col-md-6" id="contact">

当然,您可以使用<div>标记或您喜欢任何标记,

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/55663003

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档