html view all users in sql db

Hello readers! In this article I have shared the details about “html view all users in sql db”. Okay, let’s move on to the post.

html view all users in sql db

<html>
  <meta name="viewport" content="width=device-width, initial-scale=1">
<style>
* 
  box-sizing: border-box;


#myInput 
  background-image: url('/css/searchicon.png');
  background-position: 10px 12px;
  background-repeat: no-repeat;
  width: 100%;
  font-size: 16px;
  padding: 12px 20px 12px 40px;
  border: 1px solid #ddd;
  margin-bottom: 12px;


#myUL 
  list-style-type: none;
  padding: 0;
  margin: 0;


#myUL li a 
  border: 1px solid #ddd;
  margin-top: -1px; /* Prevent double borders */
  background-color: #f6f6f6;
  padding: 12px;
  text-decoration: none;
  font-size: 18px;
  color: black;
  display: block


#myUL li a:hover:not(.header) 
  background-color: #eee;

</style>
</head>
<body>

<h2>Search for Users</h2>

<input type="text" id="myInput" onkeyup="myFunction()" placeholder="Search for names.." title="Type in a name">

<ul id="myUL">
  % for item in values %
  <li><a href="/users/ item.username ">Name:  item.username </a></li>
% endfor %
</ul>

<script>
function myFunction() 
    var input, filter, ul, li, a, i, txtValue;
    input = document.getElementById("myInput");
    filter = input.value.toUpperCase();
    ul = document.getElementById("myUL");
    li = ul.getElementsByTagName("li");
    for (i = 0; i < li.length; i++) 

</script>
  </html>

Final Words

I hope this article helps you to know about “html view all users in sql db”. If you have any queries regarding this tutorial please let us know via the comment section. Share this tutorial with your friends and family via social networks.

Hi, I'm Ranjith a full-time Blogger, YouTuber, Affiliate Marketer, & founder of Coder Diksha. Here, I post about programming to help developers.

Share on:

Leave a Comment