Search icon CANCEL
Arrow left icon
Explore Products
Best Sellers
New Releases
Books
Videos
Audiobooks
Learning Hub
Conferences
Free Learning
Arrow right icon
Arrow up icon
GO TO TOP
Django 4 for the Impatient

You're reading from   Django 4 for the Impatient Learn the core concepts of Python web development with Django in one weekend

Arrow left icon
Product type Paperback
Published in Jun 2022
Publisher Packt
ISBN-13 9781803245836
Length 190 pages
Edition 1st Edition
Languages
Tools
Arrow right icon
Authors (2):
Arrow left icon
Greg Lim Greg Lim
Author Profile Icon Greg Lim
Greg Lim
Daniel Correa Daniel Correa
Author Profile Icon Daniel Correa
Daniel Correa
Arrow right icon
View More author details
Toc

Table of Contents (14) Chapters Close

Preface 1. Chapter 1: Installing Python and Django 2. Chapter 2: Understanding the Project Structure and Creating Our First App FREE CHAPTER 3. Chapter 3: Managing Django URLs 4. Chapter 4: Generating HTML Pages with Templates 5. Chapter 5: Working with Models 6. Chapter 6: Displaying Objects from Admin 7. Chapter 7: Understanding the Database 8. Chapter 8: Extending Base Templates 9. Chapter 9: Creating a Movie Detail Page 10. Chapter 10: Implementing User Signup and Login 11. Chapter 11: Letting Users Create, Read, Update, and Delete Movie Reviews 12. Chapter 12: Deploying the Application to the Cloud 13. Other Books You May Enjoy

Adding a search form

We will add a search form on our home page for users to search for movies. Let's get a Form component from getbootstrap. At https://getbootstrap.com, under Docs, go to Forms | Overview (as shown in Figure 4.8):

Figure 4.8 – Bootstrap forms

In the Overview section, you can copy the markup (as shown in Figure 4.9) and paste it inside the home.html template file. This is very useful because you will have a skeleton to design HTML forms with Bootstrap.

Figure 4.9 – Bootstrap forms

Because we don't need much information from the previous form (such as password and checkbox), we refine the previous HTML code to only contain the Search for Movie field and a Search button. Add the following in bold to the home.html template file:

…
  <div class="container">
    <form action="">
      <div class...
lock icon The rest of the chapter is locked
Register for a free Packt account to unlock a world of extra content!
A free Packt account unlocks extra newsletters, articles, discounted offers, and much more. Start advancing your knowledge today.
Unlock this book and the full library FREE for 7 days
Get unlimited access to 7000+ expert-authored eBooks and videos courses covering every tech area you can think of
Renews at €18.99/month. Cancel anytime